@charset "utf-8";


/* 	= = = = = = = = = = = = = = = = = = = = =
	HTML TAG STYLES															
 	= = = = = = = = = = = = = = = = = = = = =	*/


body, td, th {
	font: 14px/1.6em Tahoma, Arial, Helvetica, sans-serif;
	color: #303841;
}
	
	
input, select, textarea {
}


p {
}

	
#main h1 {
	font: 24px/1.3em Arial, Helvetica, sans-serif;
	color: #000088;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: .7em;
	margin-bottom: .6em;
}


h2 {
}


h3 {
}


h4 {
}


h5 {
}

	
h6 {
}
	
	
a, a:link, a:visited {
	color: #74AC88;
}


a:hover, a:active {
	color: #000088;
}

ul, ol, dl {
}


li {
}


sup {
	line-height: 1px;
	padding-left: 1px;
	font-size: 9px;
}


/* 	= = = = = END HTML TAG STYLES = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	GLOBAL CLASSES															
 	= = = = = = = = = = = = = = = = = = = = =	*/


.box {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	position: relative;
}

	.box .tl {
		background: url('/_media/img/boxes/whitegrey-tl.png') top left no-repeat;
		margin: -1px;
		position: relative;
	}
	
	.box .tr {
		background: url('/_media/img/boxes/whitegrey-tr.png') top right no-repeat;
		position: relative;
	}
	
	.box .bl {
		background: url('/_media/img/boxes/whitegrey-bl.png') bottom left no-repeat;
		position: relative;
	}
	
	.box .br {
		background: url('/_media/img/boxes/whitegrey-br.png') bottom right no-repeat;
		position: relative;
	}
	
	.box .content {
		overflow: hidden;
		position: relative;
	}
	
	.box.darkblue { background-color: #08088C; border: none; }
		.box.darkblue .tl { background-image: url('/_media/img/boxes/darkblue-tl.png'); margin: 0; }
		.box.darkblue .tr { background-image: url('/_media/img/boxes/darkblue-tr.png'); }
		.box.darkblue .bl { background-image: url('/_media/img/boxes/darkblue-bl.png'); }
		.box.darkblue .br { background-image: url('/_media/img/boxes/darkblue-br.png'); }
		
	.box.insetblue { background-color: #2D2D9D; border-color: #4242A7; border-right: none; border-bottom: none; }
		.box.insetblue .tl { background-image: url('/_media/img/boxes/insetblue-tl.png'); margin: -1px 0 0 -1px; }
		.box.insetblue .tr { background-image: none; }
		.box.insetblue .bl { background-image: none; }
		.box.insetblue .br { background-image: url('/_media/img/boxes/insetblue-br.png'); }
		
	.box.darkgold { background-color: #eeeee4; border-color: #dedecc; }
		.box.darkgold .tl { background-image: url('/_media/img/boxes/darkgold-tl.png'); }
		.box.darkgold .tr { background-image: url('/_media/img/boxes/darkgold-tr.png'); }
		.box.darkgold .bl { background-image: url('/_media/img/boxes/darkgold-bl.png'); }
		.box.darkgold .br { background-image: url('/_media/img/boxes/darkgold-br.png'); }
		
	.box.lightblue { background-color: #F0F0F8; border-color: #C6C6E3; }
		.box.lightblue .tl { background-image: url('/_media/img/boxes/lightblue-tl.png'); }
		.box.lightblue .tr { background-image: url('/_media/img/boxes/lightblue-tr.png'); }
		.box.lightblue .bl { background-image: url('/_media/img/boxes/lightblue-bl.png'); }
		.box.lightblue .br { background-image: url('/_media/img/boxes/lightblue-br.png'); }
		
	.box.lightgold { background-color: #F6F6F1; border-color: #DEDECC; }
		.box.lightgold .tl { background-image: url('/_media/img/boxes/lightgold-tl.png'); }
		.box.lightgold .tr { background-image: url('/_media/img/boxes/lightgold-tr.png'); }
		.box.lightgold .bl { background-image: url('/_media/img/boxes/lightgold-bl.png'); }
		.box.lightgold .br { background-image: url('/_media/img/boxes/lightgold-br.png'); }
		
	.box.midblue { background-color: #E5E5F3; border-color: #C5C5E3; }
		.box.midblue .tl { background-image: url('/_media/img/boxes/midblue-tl.png'); }
		.box.midblue .tr { background-image: url('/_media/img/boxes/midblue-tr.png'); }
		.box.midblue .bl { background-image: url('/_media/img/boxes/midblue-bl.png'); }
		.box.midblue .br { background-image: url('/_media/img/boxes/midblue-br.png'); }
		
	.box.masthead { border-color: #E5E5F3; }
		.box.masthead .tl { background-image: none; }
		.box.masthead .tr { background-image: none; }
		.box.masthead .bl { background-image: url('/_media/img/boxes/masthead-bl.png'); }
		.box.masthead .br { background-image: url('/_media/img/boxes/masthead-br.png'); }
		

.contentimg {
	float: right;	
	margin: 20px 0 20px 20px;
}

	.iceberg {
		xdisplay: block;
		xclear: both;
	}


p.more {
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #e5e5e5;
	margin-top: 1.3em;
	padding: .8em .4em 0 .4em;
	overflow: hidden;
}

	p.more.noborder {
		border-top: none;
		margin: 0 0 2em 0 !important;
		padding: 0 !important;
	}

	p.more a, pmore a:link, p.more a:visited {
		color: #303841;
		text-decoration: none;
		display: block;
	}
	
	p.more a:hover, p.more a:active {
		color: #000088;
		text-decoration: underline;
	}
	
	p.more .top {
		float: left;
	}
	
	p.more .back {
		float: right;	
	}
	
p.back {
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #e5e5e5;
	margin-top: 1.3em;
	padding: .8em .2em 0 .2em;
}

	p.more a, pmore a:link, p.more a:visited {
		color: #303841;
		text-decoration: none;
		display: block;
	}
	
	p.more a:hover, p.more a:active {
		color: #000088;
		text-decoration: underline;
	}


a.icon {
	display: block;
	padding-left: 24px;
	background-position: left;
	background-repeat: no-repeat;
}
	
	a.icon.learn-more-about-eci 	{ background-image: url('/_media/img/icons/building-white.png'); }
	a.icon.twitter 					{ background-image: url('/_media/img/icons/twitter-lightgold.png'); }
	a.icon.white-paper-library	 	{ background-image: url('/_media/img/icons/pdf-lightgold.png'); }
	a.icon.contact-us			 	{ background-image: url('/_media/img/icons/phone-lightgold.png'); }


a.thumb {
	float: left;
	margin: 6px 18px 0 0;
	position: relative;
	z-index: 10;
	width: 80px;
	height: 80px;
}
	
	a.thumb span.frame {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		display: block;
		width: 80px;
		height: 80px;
		background: url('/_media/img/bgs/thumb.png') top left no-repeat;
	}


.blurb {
	clear: both;
	overflow: hidden;
}

	.blurb p {
		margin-bottom: .2em !important;	
	}
	

.note {
	color: #78787C;
	font-size: 10px;
	line-height: 1.2em;
	font-style: italic;
}
	
	.right .note {
		text-align: center;
		font-style: normal;
	}
	
	
.readmore {
	white-space: nowrap;	
}


.challenge {
	background-position: right;
	background-repeat: no-repeat;
}

	.challenge.pharmaceutical-1 { background-image: url('/_media/img/content/pharmaceutical-1-lg.jpg'); }
	.challenge.pharmaceutical-2 { background-image: url('/_media/img/content/pharmaceutical-2-lg.jpg'); }
	.challenge.manufacturer		{ background-image: url('/_media/img/content/manufacturer-lg.jpg'); }
	.challenge.fitness			{ background-image: url('/_media/img/content/fitness-lg.jpg'); }
	.challenge.insurance		{ background-image: url('/_media/img/content/insurance-lg.jpg'); }

	.challenge .tr { background-image: url('/_media/img/boxes/challenge-tr.png') !important; }
	.challenge .br { background-image: url('/_media/img/boxes/challenge-br.png') !important; }
	
	.challenge .content {
		padding: 24px 48px 28px 24px !important;
		margin-right: 200px;
		border-right: 1px solid #C6C6E3;
	}
	
		.challenge .content h2 {
			margin: 0 0 .8em 0 !important;
		}
		
		.challenge .content p {
			margin-bottom: 0 !important;	
		}
		

.solution {
	overflow: hidden;	
	margin: 0 22px;
}
		
		
.graph {
	float: right;
	margin: -6px -12px 0 20px;
	overflow: hidden;
}


.testimonial {
	margin: 1em 1em 1em 0  !important;	
}

.testimonial .content {
	padding: 24px 32px 24px 32px !important;	
}

	.testimonial q {
		display: block;
		font-size: 14px;
		line-height: 2em;
		color: #6666B8;
		margin: 0 24px 1.6em 0;
	}
	
	.testimonial cite {
		display: block;
		font-size: 11px;
		line-height: 1.6em;
		text-align: right;
		color: #697077;
	}


#content div.form {
	width: 60%;
	margin: 0 auto 2.4em auto;
}

	#content div.form div.content {
		padding: 20px 20px 10px 20px;	
	}
	
	#content div.form h2 {
		text-align: center;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: bold;
		color: #000088;
		margin: 0 0 1.6em 0;
		padding-bottom: .8em;
		border-bottom: 1px solid #C5C5E3;
	}
	
	#content div.form p.pair {
		clear: both;
		overflow: hidden;
		width: 320px;
		margin: 0 auto .8em auto;
	}
	
	#content div.form p.pair label {
		font-weight: bold;
		float: left;
		width: 120px;
		font-size: 11px;
	}
	
	#content div.form p.textfield input {
		float: left;
		padding: 3px;
		width: 180px;
		font: 11px/1em Arial, Helvetica, sans-serif;
		border: 1px solid #C5C5E3;
	}
	
	#content div.form p.submit {
		padding-top: 1.2em;
		border-top: 1px solid #C5C5E3;
		margin-top: 1.6em;
		text-align: center;
	}
	
	#content div.form p.submit input {
		margin: 0 auto;
	}
	
	#content div.form p.download {
		text-align: center;
	}

		a.download-whitepapers {
			display: block;
			text-indent: -9999px;
			width: 180px;
			height: 27px;
			margin: 0 auto;
			background: url('/_media/img/nav/download-whitepapers.png') top left no-repeat;	
		}
		

.introlinks {
	border-top: 1px solid #e5e5e5;
	margin-top: 1.5em;
	padding: 1em .4em 0 .4em;
	font-size: 11px;
	line-height: 2em;
	font-weight: bold;
}

	.introlinks dt {
		margin-bottom: .6em;	
	}
	
	.introlinks dd {
		padding-left: 24px;
		background: url('/_media/img/icons/arrows.png') 0 5px no-repeat;
	}
	

ol.library {
	padding: .5em .5em 0 .5em !important;
}
	
	ol.library li {
		list-style-type: none;
		margin-bottom: .5em;
		font-weight: bold;
		clear: both;
		overflow: hidden;
	}

	ol.library .date {
		display: block;
		font-size: 11px;
		font-weight: normal;
	}
	
	ol.library input {
		float: left;
		margin: 4px 14px 0 0;
		.margin: 1px 14px 0 0;
	}
	
	.middle #downloadForm p.download {
		padding: 0 32px;
		.padding: 0 40px;
	}
	
	ol.library label {
		float: left;
		zoom: 1;
	}
		
	
	
.tooltip {
	position: absolute;
	z-index: 50;
	background: #fafbfd;
	border: 1px solid #74AC88;
	width: 280px;
	margin-top: -1px;
	font-size: 11px;
	line-height: 1.6em;
	color: #787878;
}

	.tooltip dt {
		background: #74AC88;
		color: #ffffff;
		font-weight: bold;
		line-height: 1.6em;
		padding: 5px 10px;
	}

	.tooltip dd {
		padding: 10px 20px 10px 10px;
		background: #f9f9f9;
	}


/* 	= = = = = = = = = = = = = = = = = = = = =
	END GLOBAL CLASSES												
 	= = = = = = = = = = = = = = = = = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	FORM STYLES							
 	= = = = = = = = = = = = = = = = = = = = =	*/


	
	

/* 	= = = = = = = = = = = = = = = = = = = = =
	END FORM STYLES												
 	= = = = = = = = = = = = = = = = = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	GLOBAL TEMPLATE STYLES															
	IDs defining the basic shell and layout
	of the site	global to all pages							
 	= = = = = = = = = = = = = = = = = = = = =	*/


body {
	background: #666666 url('/_media/img/bgs/body.png') top left repeat-x;
}


#page {
	width: 940px;
	margin: 0 auto;
	background: #ffffff;
	border-left: 1px solid #515151;
	border-right: 1px solid #515151;
}


#header {
	height: 183px;
	padding-top: 2px;
	overflow: hidden;
	background: url('/_media/img/bgs/header-1.jpg') top left repeat-x;
}

	#logo {
		float: left;
		width: 152px;
		height: 133px;
		overflow: hidden;
		background: url('/_media/img/brand/logo.png') top left no-repeat;
	}
	
		#logo a {
			display: block;
			width: 152px;
			height: 133px;
			overflow: hidden;
			text-indent: -9999px;
		}
		
			
	#supportlinks {
		float: right;
		width: 420px;
		font-size: 11px;
		line-height: 1.2em;
		padding: 4px 0 0 0;
	}
	
		#supportlinks li {
			float: left;
			border-right: 1px solid #DEDECC;
			padding: 0 16px;	
		}
		
		#supportlinks li.last {
			border-right: none;
		}
		
		#supportlinks a, #supportlinks a:link, #supportlinks a:visited {
			display: inline-block;
			color: #79AF8C;
			padding: 2px 0 2px 0;
		}
		
		#supportlinks a:hover, #supportlinks a:active {
			color: #94C8A8;
		}
		
			#supportlinks li.white-paper-library a, #supportlinks li.white-paper-library a:link, #supportlinks li.white-paper-library a:visited {
				background: url('/_media/img/icons/pdf-darkblue.png') left no-repeat;
				padding-left: 24px;
			}


	#mainnav {
		clear: both;
		height: 38px;
		padding: 6px 10px;
	}
	
		#mainnav li {
			float: left;
			margin-right: 6px;
		}
		
			#mainnav li.last {
				margin-right: 0;
			}
		
		#mainnav a, #mainnav a:link, #mainnav a:visited {
			display: block;
			float: left;
			height: 38px;
			line-height: 35px;
			font-size: 11px;
			font-weight: bold;
			color: #000088;
			text-decoration: none;
			background: url('/_media/img/nav/navitem-l.png') top left no-repeat;
			padding-left: 4px;
		}
		
		#mainnav a span {
			display: inline-block;
			height: 38px;
			background: url('/_media/img/nav/navitem-r.png') top right no-repeat;
			padding-right: 4px;
		}
		
		#mainnav a span span {
			display: inline-block;
			white-space: nowrap;
			height: 38px;
			padding: 0 22px 0 21px;
			background: url('/_media/img/nav/navitem-m.png') top left repeat-x;
			cursor: pointer;
		}
				
			#mainnav a:hover, #mainnav a:active 						{ background-position: left; }
			#mainnav a:hover span, #mainnav a:active span 				{ background-position: right; }
			#mainnav a:hover span span, #mainnav a:active span span 	{ background-position: left; }
			#mainnav a.selected							 				{ background-position: bottom left !important; }
			#mainnav a.selected span 									{ background-position: bottom right !important; }
			#mainnav a.selected span span								{ background-position: bottom left !important; color: #ffffff; }
		
		
#main {
	clear: both;
	background: url('/_media/img/bgs/content.png') top left repeat-x;
	padding: 25px 10px 10px 10px; 
}

	#masthead {
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	
		#features {
			width: 528px;
			float: left;
		}
		
			#features .tabs {
				overflow: hidden;
			}
			
				#features .tabs li {
					float: left;
				}
				
				#features .tabs a, #features .tabs a:link, #features .tabs a:visited {
					display: block;
					height: 35px;
					background-position: top left;
					background-repeat:  no-repeat;
					text-indent: -9999px;
				}
				
				#features .tabs a:hover, #features .tabs a:active {
					background-position: left;
				}
				
				#features .tabs a.selected {
					background-position: bottom left !important;
				}

					#features .tabs li.hire a 		{ width: 158px; background-image: url('/_media/img/nav/hire.png'); }
					#features .tabs li.develop a 	{ width: 185px; background-image: url('/_media/img/nav/develop.png'); }
					#features .tabs li.manage a 	{ width: 187px; background-image: url('/_media/img/nav/manage.png'); }
					
			 
			#features .window {
				width: 528px;
				height: 259px;
				overflow: hidden;
				position: relative;
				margin: 0 1px 1px 1px;
			}
			
			#features .tab {
				height: 180px;
				width: 228px;
				top: -259px;
				padding: 40px 270px 40px 30px;
				overflow: hidden;
				font-size: 11px;
				line-height: 1.5em;
				background-position: right top;
				background-repeat: no-repeat;
				position: absolute;
			}
			
				#features .tab.selected {
					top: 0;
				}
			
				#features .tab.hiring-top-performers 		{ background-image: url('/_media/img/content/homefeature-1.jpg'); }
				#features .tab.developing-top-performers 	{ background-image: url('/_media/img/content/homefeature-2.jpg'); }
				#features .tab.managing-top-performers 		{ background-image: url('/_media/img/content/homefeature-3.jpg'); }
				
				#features .tab h1 {
					font-size: 18px;
					line-height: 1.3em;
					padding-bottom: 0;
					border-bottom: 0;
					margin-bottom: .5em;
				}
				
				#features p {
					margin-bottom: 1.3em;
				}
				
				#features .more {
					margin-top: 0;
					padding-top: 0;
					border-top: none;
				}
				
				#features .more a, #features .more a:link, #features .more a:visited {
					color: #000088;
					font-weight: normal;
				}
				
				#features .more a:hover, #features .more a:active {
					text-decoration: underline;
					color: #9999CF;
				}
				
			
			#features .controls {
				position: absolute;
				width: 528px;
				margin: -24px 1px 0 1px;
			}
			
				#features .controls li.prev {
					position: absolute;
					top: 0;
					left: 0;
				}
				
					#features .controls li.prev a, #features .controls li.prev a:link, #features .controls li.prev a:visited {
						display: block;
						width: 12px;
						height: 17px;
						line-height: 17px;
						text-indent: -9999px;
						background: url('/_media/img/nav/masthead-prev.png') top left no-repeat;
					}
				
					#features .controls li.prev a:hover, #features .controls li.prev a:active {
						background-position: bottom left;
					}
				
				
				#features .controls li.selector {
					text-align: center;
					width: 80%;
					margin: -3px auto 0 auto;
					.padding-top: 6px;
				}
				
					#features .controls li.selector a, #features .controls li.selector a:link, #features .controls li.selector a:visited {
						display: inline-block;
						width: 8px;
						height: 8px;
						overflow: hidden;
						margin: 0 5px;
						background: url('/_media/img/nav/masthead-item.png') top left no-repeat;
						line-height: 8px;
						font-size: 1px; /* Instead of text-indent: -9999px -> IE messes this up with inline-block applied */
						color: #E5E5F3; /* Instead of text-indent: -9999px -> IE messes this up with inline-block applied */
					}
				
					#features .controls li.selector a:hover, #features .controls li.selector a:active {
						background-position: left;
						color: #CCCCE7; /* Instead of text-indent: -9999px -> IE messes this up with inline-block applied */
					}
					
					#features .controls li.selector a.selected {
						background-position: bottom left !important;
						color: #9999CF !important; /* Instead of text-indent: -9999px -> IE messes this up with inline-block applied */
					}


				#features .controls li.next {
					position: absolute;
					right: 0;
					top: 0;
				}
				
					#features .controls li.next a, #features .controls li.next a:link, #features .controls li.next a:visited {
						display: block;
						width: 12px;
						height: 17px;
						text-indent: -9999px;
						background: url('/_media/img/nav/masthead-next.png') top left no-repeat;
						line-height: 17px;
					}
				
					#features .controls li.next a:hover, #features .next li.selector a:active {
						background-position: bottom left;
					}

		
		#intro {
			width: 350px;
			float: right;
			padding: 7px 18px 0 0;
		}
		
			#intro h1, #intro p {
				padding-right: 10px;
			}
		
		
	#callouts {
		clear: both;
		margin-bottom: 10px;
	}
	
		#callouts .content {
			padding: 20px;
		}

		#news {
			width: 423px;
			float: left;
		}
		
			#news .content {
				padding: 15px 10px;
				height: 170px;
			}
		
			#news dl {
			}
			
			#news dt {
				position: relative;
				font-size: 14px;
				font-weight: bold;
				color: #000088;
				border-bottom: 1px solid #DEDECC;
				padding-bottom: .5em;
				margin-bottom: .6em;
			}
			
			#news dt a.rss {
				display:  block;
				position: absolute;
				top: 2px;
				right: 0;
				width: 16px;
				height: 16px;
				overflow: hidden;
				text-indent: -9999px;
				background: url('/_media/img/icons/rss-lightgold.png') top right no-repeat;
			}
			
			#news dd {
				font-size: 11px;
				line-height: 1.6em;
				margin-bottom: .6em;
				padding-left: 24px;
				background: url('/_media/img/icons/arrows.png') 0 4px no-repeat;
			}
			
				#news dd .headline {
					display: block;
					font-weight: bold;
				}
				
				#news dd .dateline {
					display: block;
				}
				
			#news .more {
				margin-top: 1.8em;
			}
				
				
		#whitepapers {
			width: 423px;
			float: right;
		}
		
			#whitepapers .content {
				padding: 15px 10px;
				font-size: 12px;
				line-height: 1.6em;
				height: 170px;
			}
		
			#whitepapers h2 {
				position: relative;
				font-size: 14px;
				line-height: 1.6em;
				font-weight: bold;
				color: #000088;
				border-bottom: 1px solid #DEDECC;
				padding-bottom: .5em;
				margin-bottom: .6em;
				overflow: hidden;
			}
			
			#whitepapers h3 {
				position: relative;
				font-size: 14px;
				font-weight: bold;
				color: #000088;
				margin: 1.2em 0 .3em 0;
			}
			
			#whitepapers p {
				overflow: hidden;
			}
			
			#whitepapers img {
				float: left;
				margin: 5px 12px 12px 0;
			}
			
			#whitepapers .more {
				clear: both;
				.margin-top: 2px;
			}
			
			
	#content {
		margin-bottom: 10px;
	}
	
		#content .content {
			padding: 0 10px 20px 10px;
		}
	
		#content .breadcrumbs {
			border-bottom: 1px solid #E5E5E5;
			font-size: 11px;
			line-height: 30px;
			margin-bottom: 20px;
		}
		
			#content .breadcrumbs li {
				display: inline;
			}
			
			#content .breadcrumbs a, #content .breadcrumbs span {
				padding: 0 8px 0 6px;
				_padding-left: 8px;
			}
		
	
		#content .left {
			width: 200px;
			float: left;
			margin-right: 30px;
			overflow: hidden;
		}
		
				#subnav { 
					background-color: #eeeee4;
					background-position: top left;
					background-repeat: no-repeat; 
					margin-bottom: 10px;
				}
				
					.content .left .degree-review-system 				{ background-image: url('/_media/img/subnav/360-degree-review-system.jpg'); }
					.content .left .about-eci 							{ background-image: url('/_media/img/subnav/about-eci.jpg'); }
					.content .left .behavioral-interviewing 			{ background-image: url('/_media/img/subnav/behavioral-interviewing.jpg'); }
					.content .left .career-opportunities 				{ background-image: url('/_media/img/subnav/career-opportunities.jpg'); }
					.content .left .client-results 						{ background-image: url('/_media/img/subnav/client-results.jpg'); }
					.content .left .competency 							{ background-image: url('/_media/img/subnav/competency.jpg'); }
					.content .left .contact-us 							{ background-image: url('/_media/img/subnav/contact-us.jpg'); }
					.content .left .developing-top-performers 			{ background-image: url('/_media/img/subnav/developing-top-performers.jpg'); }
					.content .left .developmental-reports 				{ background-image: url('/_media/img/subnav/developmental-reports.jpg'); }
					.content .left .eci-behavioral-insight 				{ background-image: url('/_media/img/subnav/eci-behavioral-insight.jpg'); }
					.content .left .eci-quicksight 						{ background-image: url('/_media/img/subnav/eci-quicksight.jpg'); }
					.content .left .high-performance-footprints 		{ background-image: url('/_media/img/subnav/high-performance-footprints.jpg'); }
					.content .left .hiring-top-performers 				{ background-image: url('/_media/img/subnav/hiring-top-performers.jpg'); }
					.content .left .individual-developmental-reports	{ background-image: url('/_media/img/subnav/individual-developmental-reports.jpg'); }
					.content .left .in-field-training-activities 		{ background-image: url('/_media/img/subnav/in-field-training-activities.jpg'); }
					.content .left .leadership-workshops 				{ background-image: url('/_media/img/subnav/leadership-workshops.jpg'); }
					.content .left .request-information 				{ background-image: url('/_media/img/subnav/request-information.jpg'); }
					.content .left .team-analysis-reports 				{ background-image: url('/_media/img/subnav/team-analysis-reports.jpg'); }
					.content .left .white-paper-library 				{ background-image: url('/_media/img/subnav/white-paper-library.jpg'); }
				
				
				#subnav .tl { background-image: url('/_media/img/boxes/subnav-tl.png'); }
				#subnav .tr { background-image: url('/_media/img/boxes/subnav-tr.png'); }
				#subnav .bl { background-image: url('/_media/img/boxes/subnav-bl.png'); }
				#subnav .br { background-image: url('/_media/img/boxes/subnav-br.png'); }
				
				#subnav .content {
					padding: 180px 0 0 0;
				}
			
				#subnav ul {
					border-top: 1px solid #dedecc;
					padding: 5px 10px 15px 10px;
					font-size: 11px;
					line-height: 1.6em;
				}
				
				#subnav li {
					border-bottom: 1px solid #dedecc;
					padding: 8px 0;
				}
				
				#subnav li.last {
					border-bottom: none;
				}
				
				#subnav a, #subnav a:link, #subnav a:visited {
					color: #000088;
					text-decoration: none;
				}
				
				#subnav a:hover, #subnav a:active {
					text-decoration: underline;
					color: #9999CF;
				}
				
				#subnav li.selected a {
					color: #9999CF !important;
					padding-left: 12px;
					background: url('/_media/img/icons/arrows.png') -8px 2px no-repeat;
					_background-position: -8px 4px; 
				}
				
			
			#results {

			}
			
				#results .content {
					padding: 15px 10px 15px 10px;
					font-size: 11px;
					line-height: 1.6em;
				}
			
				#results h2 {
					font-size: 14px;
					line-height: 1.6em;
					font-weight: bold;
					color: #000088;
					border-bottom: 1px solid #DEDECC;
					padding-bottom: .5em;
					margin-bottom: .6em;
					padding-left: 5px;
				}
				
				#results p {
					margin: 0 15px 1.6em 5px;
				}
				
				#results img {
					margin-bottom: 1.6em;
				}
				
				#results .more {
					margin-bottom: 0;
				}
				
				#results .more a, #results .more a:link, #results .more a:visited {
					font-weight: normal;
					color: #000088;
				}
	
				#results .more a:hover, #results .more a:active {
					text-decoration: underline;
					color: #9999CF;
				}
				
		
		h1.pagetitle {
			overflow: hidden;
			clear: right;
			padding-bottom: .3em;
			margin-bottom: 1.2em;
			margin-right: 20px;
		}
		
		
		#content .middle {
			width: 420px;
			float: left;
			font-size: 12px;
			line-height: 1.6em;
		}
		
			#content .middle.span {
				width: 650px;
			}
		
			#content .middle p {
				margin-bottom: 1.6em;
			}
			
			#content .middle ul, #content .middle ol, #content .middle dl {
				padding: 0 2em;
				list-style-type: disc;
				margin-bottom: 1.6em;
			}
			
			#content .middle ul ul {
				margin-top: 1.6em;	
			}
			
			#content .middle ol {
				list-style-type: decimal;	
			}
			
			#content .middle li {
				zoom: 0;
				margin: .4em 0;
				padding: 0 .4em;
			}
			
			#content .middle h2 {
				color: #6666B8;
				font-weight: bold;
				font-size: 14px;
				line-height: 1.3em;
				margin: 2em 0 1.2em 0;
			}
			
				#content .middle h2 a, #content .middle h2 a:link, #content .middle h2 a:visited {
					color: #6666B8;
					text-decoration: none;
				}
				
					#content .middle h2 a:hover, #content .middle h2 a:active {
						color: #000088;
					}
				
					#content .middle h2 a span {
						color: #DCDCEE;
						padding-left: 5px;
					}
					
						#content .middle h2 a:hover span, #content .middle h2 a:active span {
							color: #000088;
						}
			
			#content .middle h3 {
				color: #000088;
				font-weight: bold;
				font-size: 14px;
				line-height: 1.3em;
				margin: .4em 0 1.2em 0;
			}
			
			#content .middle h4 {
				font-weight: bold;
				font-size: 13px;
				line-height: 1.3em;
				margin: .4em 0 1.2em 0;
			}
			
			#content .middle h5 {
				color: #6666B8;
				font-weight: bold;
				font-size: 12px;
				line-height: 1.3em;
				margin: 0 0 .4em 0;
			}
			
			#content .middle .more {
				margin-top: 2em;
				padding-top: 1em;
			}
			
			#content .middle ul, #content .middle ol {
				margin-bottom: 1.8em;	
			}
			
			#content .middle .more a, #content .middle .more a:link, #content .middle .more a:visited {
				color: #000088;
				font-weight: normal;
			}
			
			#content .middle .more a:hover, #content .middle .more a:active {
				color: #9999CF;
			}
			
			
		#content .right {
			width: 200px;
			float: right;
			overflow: hidden;
			padding-right: 20px;
		}
		
			#download {
				margin-bottom: 10px;
			}
			
				#download .content {
					padding: 15px 10px;
					font-size: 11px;
					line-height: 1.6em;
				}
			
				#download h2 {
					font-size: 14px;
					line-height: 1.6em;
					font-weight: bold;
					color: #000088;
					border-bottom: 1px solid #C5C5E3;
					padding-bottom: .5em;
					margin-bottom: .8em;
				}
				
				#download ol {
					list-style-type: decimal;
					font-weight: bold;
					padding: 0 5px .5em 22px;
					margin-bottom: 1em;
					border-bottom: 1px solid #C5C5E3;
					overflow: hidden;
				}
				
				#download li {
					position: relative;
					zoom: 0;
					margin-right: 16px;
				}
				
				#download li label {
					position: relative;
					zoom: 0;
				}
				
				#download li .date {
					display: block;
					font-weight: normal;
					margin-bottom: .8em;
				}
				
				#download li input {
					position: absolute;
					margin-top: 4px;
					border-color: #b0b0b0;
					left: 140px;
					top: 0;
					.top: -3px;
				}
				
				#download .download {
					margin-bottom: .8em;
				}
				
				#download a {
					zoom: 0;
				}
							
			#viewall .content {
				padding: 15px 10px;
			}
			
				#viewall h2 {
					font-size: 14px;
					line-height: 1.6em;
					font-weight: bold;
					color: #000088;
					border-bottom: 1px solid #C5C5E3;
					padding-bottom: .5em;
					margin-bottom: .5em;
				}
				
				#viewall p.more {
					margin-top: 0;
					padding-left: 5px;
					padding-top: 0;
				}
				
				#viewall a.white-paper-library {
					background-image: url('/_media/img/icons/pdf-midblue.png');
				}
	
	
	#directory {
		clear: both;
		background-image: url('/_media/img/bgs/directory.png');
		background-position: top right;
		background-repeat: repeat-y;
	}
		
		#directory .tr { background-image: url('/_media/img/boxes/lightgold-tr.png'); }
		#directory .br { background-image: url('/_media/img/boxes/lightgold-br.png'); }
	
		#directory .content {
			padding: 20px 25px;
		}
	
		#directory .linkgroup {
			float: left;
			margin-right: 30px;
			font-size: 11px;
			line-height: 2em;
		}
		
		#directory .linkgroup h4 {
			font-weight: bold;
			border-bottom: 1px solid #DEDECC;
			line-height: 1.6em;
			padding-bottom: .9em;
			margin-bottom: .7em;
			padding-right: 5px;
		}
		
		#directory .linkgroup li {
			padding-right: 5px;
		}
		
		#directory .linkgroup a, #directory .linkgroup a:link, #directory .linkgroup a:visited {
			display: block;
			color: #000088;
		}
		
		#directory .linkgroup a:hover, #directory .linkgroup a:active {
			text-decoration: underline;
			color: #9999CF;
		}
		
			#directory .hiring-top-performers 		{ .width: 142px; }
			#directory .developing-top-performers	{ .width: 170px; }
			#directory .managing-top-performers 	{ .width: 160px; }
			#directory .about-eci					{ .width: 126px; }


		.footerlinks {
			float: right;
			width: 150px;
			font-size: 11px;
		}
		
			.footerlinks li {
				border-bottom: 1px solid #DEDECC;
				padding-bottom: .9em;
				margin-bottom: 1.1em;
			}
			
			.footerlinks li.last {
				border-bottom: 0;
			}
			
			.footerlinks a, .footerlinks a:link, .footerlinks a:visited {
				font-weight: bold;
				color: #303841;
				text-decoration: none;
				line-height: 1.6em;
			}
			
			.footerlinks a:hover, .footerlinks a:active {
				color: #000088;
				text-decoration: underline;
			}
			
			
	#summary {
		clear: both;
		margin: 20px 50px;
		font-size: 11px;
		text-align: center;
		line-height: 1.6em;
	}


#footer {
	clear: both;
	background: #08088C url('/_media/img/bgs/footer.png') top left repeat-x;
	text-align: center;
	padding: 22px 20px 15px 20px;
	font-size: 11px;
	color: #ffffff;
	overflow: hidden;
	zoom: 1;
}

	#footer ul {
		float: left;
	}
	
	#footer li {
	 display: inline;
	 border-right: 1px solid #FFC502;
	 padding: 0 12px 1px 10px;
	}
	
	#footer li.last {
		border-right: none;
	}
	
	p.credits {
		text-align: right;
		float: right;
		color: #adbfb1;
		font-size: 11px;
		width: 210px;
	}
	
	a.credits, a.credits:link {
		color: #adbfb1;	
	}
	
	a.credits:hover {
		text-decoration: none;	
	}
	
	p.credits img {
		vertical-align: middle;
		display: inline;
	}


/* 	= = = = = END GLOBAL TEMPLATE STYLES = = = = =	*/