/**
	- Layout #0
	- Classic style
	- Image is on the left
**/

/* hide html used in other layouts */
.educationalBackground,
.moreInfoWrapper,
.expertiseWrapper,
.profilePageIconLink,
.profilePageEditableRegion{
	display: none;
}

/* header title */
.profilePageHeader .navtitle{
	font-size: 30px;
	font-weight: 500;
}

/* layout */
.profilePersonalDetails{
	width: 75%;
	float: right;
}

.primaryProfileTextLink{
	padding-right: 8px;
}

.profileImageWrapper{
	width: 25%;
}

.profileDept,
.profileTitlePosition{
	display: inline-block;
}

.profileDept:after{
	display: inline-block;
	padding-right: 5px;
}


.profileContactWrapper{
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding-bottom: 10px;
	margin: 10px 0 10px;
}

.profileContact{
	font-size: 17px;
}

.introWrapper{
	width: 100%;
}

/* media query */
/* 767px */
@media (max-width: 767px) {
	
	.profilePersonalDetails,
	.profileImage{
		width: 100%;
		float: none;
	}
	
	.profilePersonalDetails{
		margin-bottom: 20px;
	}
	
}

/* FOR TESTING ONLY - SHOWS OUTLINE OF DIV */
.test-outline-red{ outline: solid 1px #f00; }
.test-outline-yellow{ outline: solid 1px #ff0; }
.test-outline-blue{ outline: solid 1px #00f; }