/* use .team prefix for styles on page team, 
   use .mod_employees for styles specific to the employees module 
*/

/* set styles for 2 column layout*/
.team #contentLeft {
	width: 600px;
}
.mod_employees #contentRight {
	border-right: solid 1px #e8e8e8;
	border-left: solid 1px #e8e8e8;
	/* css trick to get equal column heights http://www.ejeliot.com/blog/61 */
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

.team #contentRight h1 {
	margin-top: 5px;
	margin-left: 15px;
}
.team .titleext {
	margin-bottom: 24px;
}
.team .detailEmpCtnr {
	
}
.team .vSpace{
	clear: both;
	height: 30px;
}
.team .detailEmpCtnr.first{
	margin-top: 0;	
}
.team .detailImgCtnr {
	width: 210px;
	padding-right: 17px;
	float: left;
}
.team .detailImgBorder {
	border: solid 1px #e8e8e8;
	text-align: center;
	padding: 1px;
        padding-top: 3px;
}
.team .detailDescCtnr {
	float: left;
	width: 358px;
	padding-right: 15px;
}
.team .smallCtnr {
}
.team .detailFooter {
	margin-bottom: 30px;
}
.team .smallEmpCtnr {
	border-bottom: solid 1px #e8e8e8;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 0.9em;
	position: relative;
}
.team .smallEmpCtnr.first{
	padding-top: 11px;
}
.team .smallEmpCtnr.last{
	/*padding-bottom: 11px;	*/
}
.team .smallEmpCtnr:hover {
	background: #f8f8f8;
	cursor: pointer;
}
.team .active {
	background: #f8f8f8;
}
.team #contentRight .first {
	border-top: solid 1px #e8e8e8;
}
.team .smallImgBorder {
	float: left;
	border: solid 1px #e8e8e8;
	padding: 1px;
	background: #FFF;
}
.team .smallTitleCtnr {
	display: table-row;
	height: 43px;
}
.team .titleWrap{
	vertical-align: middle;
	display: table-cell;
	padding-left: 8px;
}
.team .smallTitleCtnr p {
	white-space: nowrap;
	overflow: hidden;
	width: 134px;
}