.search-note { font-size:11px; color:#777;}

.close-tools {
	position: absolute;
	right:3px;
	top:3px;
	height: 24px;
	width: 24px;
	background-image: url(/images/photo/kill25.png);
	background-repeat: no-repeat;
}
.search_button_pad {
	margin-top:30px;
}

.paging {
	float:right;
	margin-top:10px;
}
.results-text {
	float:left;
	margin-top:10px;
}
/*********BEGIN DETAILS STYLES ************/
#person {
	margin:10px;
	border:1px solid #000000;
	border-radius:10px;
	overflow:auto;
	padding:10px;
	float:left;
	width:95%;
	
}
.details-name,
.details-name-only {
	clear:left;
	margin-bottom:20px;
	width:100%;
}

.partner-name-header {
    float:left;
	font-weight:normal;
    font-style:italic;
    color:purple;
    margin-right:3px;
}

.partner-name-link {
	font-weight:normal;
    color:purple
}
.partner-panel {
    margin-bottom:15px;
}

#content_left {
	clear:left;
	float:left;
	width:85px;
}
#content_right {
	padding:0px 10px 10px 10px;
	width:550px;
	float:left;

}
.photo a img {
	display:block;
	width:80px;
}
.social-links {
	clear:left;
	float:left;
}
.social-links a {
	float:left;
	margin-right:10px;
}
.photo-links {
	clear:left;
	float:left;
}

.arrow {
	display:inline;
	zoom:1;
	height:15px;
	width:15px;
	padding-right:30px;
}
.interests-links a,.achievement-line {
	background-image:url(/images/member_directory/member-directory-icons.png);
	background-repeat:no-repeat;
	float:left;
	clear:left;
	
}

.blog-links, .album-name {
	clear:left;
}
#blogs_data {
	float:left;
	clear:left;
}

.help-link, .email-panel a, .content-text a{
	color:#027bc7;
}
.interests-links {
	clear:left;
}
.interests-links a {
	background-position:0px -218px;
	padding:6px 0px 6px 32px;
	line-height:28px;
	text-decoration:none;
	color:#027bc7;
}
.achievement-line {
	background-position:0px -608px;
	padding:6px 0px 6px 32px;
	line-height:24px;
}
.achievement-links {
	float:left;
}
.album-name a{	
	text-decoration:none;
	color:#027bc7;	
}
.album-name a:hover, #blogs_data a:hover, .interests-links a:hover, #photodata a:hover {
	text-decoration:underline;
}
.drop-info {
	display:none;
}

.title {
	float:left;
	cursor:default;
	padding-bottom:3px;
	width:100%;
}
.drop-down:hover {
	color:#444;
}
.expand {
	background-image:url(/images/member_directory/expand.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding-right:15px;
}
.collapse {
	background-image:url(/images/member_directory/collapse.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding-right:15px;
}	

.field-label,.achievement-label,.subgroup-label {
	clear:left;
	float:left;
	font-size:12px;
	font-weight:bold;
	width:150px;
	text-align:left;
	margin-bottom:5px;
	white-space:normal;
}
.achievement-label,.subgroup-label {
	width:auto;
	margin-right:10px;
}

.content-text, 
.achievement-text,
.subgroup-text {
	float:left;
	font-size:12px;
	margin-bottom:5px;
}	
.bio {
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}
.edit-link {
	float:right;
	margin-right:10px;
	height:16px;
	width:16px;

}
.edit-link a {
	background-image:url(/images/icons/admin_icons.png);
	background-repeat:no-repeat;
	display:block;
	padding:8px;
}
.social-panel {
	overflow:auto;
	margin-bottom:20px;
}
.social-panel a:hover,
.social-row a:hover {
	opacity:.8;
}
#blogs_panel,#photo_panel,#interests_panel {
	display:none;
}
.clearpanel{
	clear:left;
	margin-top:10px;
}

.email-label {
	font-size:11px;margin-top:-5px;color:#ababab;
}
.additional-info,
.subgroups,
.photo-error,
.blogs-error,
.interests-error,
.achievements-error {
	display:none;
}

.indent-interest {
	display: inline-block;
	margin-left: 7%;
	float: none !important;
}

.indent-interest-category {
	margin-left: 3%;
}

.photo {
	width:80px;
}

#member_details {
	float:left;
	min-height:200px;
	position:relative;
	z-index:1;
	
}

.bio-image {
	max-width:80px;
}


.content { float:left; }

#directory_results {
	position:relative;
}

.card-title {
	float:left;
	clear:left;
	font-weight:bold;
}

.title-heading, .title-heading-smaller {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.title-heading-smaller {
	font-size: 14px;
}
.email-image {
	font-size:1px;
}
.country {
	clear:left;
}
.search-margin {
	margin-top:5px;
}
.vcard-holder {
	float:left;
	margin-right:3px;
}
.content-text { float:left; }

.subgroup-text { clear:left; }




.social-panel img {
	max-width:30px;
}
.social-panel a {
	margin-right:5px;

}
.vcard-tooltip { 
	display:none;
	padding:5px 2px;
	border:1px solid #000000;
	border-radius:5px;
	text-align:center;
	margin-top:10px;
	position:relative;
	 }
.tooltip-pointer {
	position:absolute;
	left:10px;
	top:-10px;
	height:10px;
	width:10px;
	background-image:url('/images/member_directory/pointer.png');
	background-repeat:no-repeat;
}
#person #content_left .bio-image { 
	height:80px;
	border-radius:50%;
	background-size:cover; 
	background-position:center center; 
	border:1px solid #666;
}
.metro-dropdown-container select{ max-width:200px; }
#mobile_person .photo { margin-left:auto; margin-right:auto;}
#mobile_person .details-name,
#mobile_person .details-name-only { text-align:center; float:none; margin-top:10px;}
#mobile_person .vcard-wrapper { display:none;}
#mobile_person .title { font-size:15px; margin-bottom:10px;}
.photos { width:100%;}
.individual-photo {
	float:left;
	margin-right:10px;
}
#person .individual-photo {	
	width:225px;
}
#mobile_person .individual-photo { 
	float:left;
	width:80px;
	margin-right:5px;
}
.individual-photo-container {
	display:block;
	margin-bottom:3px;
	background-size:cover;
	background-repeat:no-repeat;
	height:60px;
	width:100%;
	cursor:pointer;
}
.individual-photo-container:hover {
	opacity:.8;

}
#person .individual-photo-container {
	height:135px;
}
#mobile_person .individual-photo-container {
	height:60px;
	width:100%;
}
 .photo-title-section {
	display:block;
	width:100%;
	text-align:center;
	font-weight:bold;
}
#mobile_person .bio {
	text-align:justify;
	font-size:14px;
}
#mobile_person .field-label,
#mobile_person .content-text {
	margin-bottom:10px;
	font-size:14px;
	line-height:1.4;
}
#mobile_person .expand {
	background-image:url(/images/shared_images/black_down_arrow.png);
	padding-left:20px;
}
#mobile_person .collapse {
	background-image:url(/images/shared_images/black_arrow_up.png);
	padding-left:20px;
}



.photo-links div { clear:none; font-size:12px; }
.photo-links div.album-count { display:none;float:right; font-weight:bold;}
.drop-down { padding-bottom:5px; }

.mailme {
			height:32px;
			width:32px;
			background-image:url(/images/blogs/mail.png);
			background-repeat:no-repeat;
			padding:16px;
			margin-right:10px;
		}
.gotoblog {
			height:32px;
			width:32px;
			background-image:url(/images/blogs/eye.png);
			background-repeat:no-repeat;
			padding:16px;
			margin-right:10px;
		}
.blog-link-display {
			width: 205px;
			background-color: rgb(47, 184, 230);
			color: rgb(255, 255, 255);
			text-decoration: none;
			height: 126px;
			display: inline-block;
			padding: 10px;
			float: left;
			font-size:20px;
			font-family:Roboto,sans-serif;
			font-weight:100;
			margin-bottom:20px;
			transition:background-color .5s ease;
			text-overflow:ellipsis;
			overflow:hidden;
		}
.blog-link-display:hover {
			background-color:#238db1;
}
.individual-blog {
			float:left;
			width:225px;
			margin-right:10px;
			margin-bottom:20px;
		}
.mobile-person .person-image { overflow:hidden;}
#mobile_person #bio_head {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#3E454C;
	margin-bottom:20px;
}
#mobile_person .details-name,
#mobile_person .details-name-only {
	color:#FFFFFF;
	margin-bottom:0px;
}

	#search_fieldset { max-width:800px; position:relative;}
	#search_fieldset .search-half {
		float:left;
		width:50%;
	}
	.search-half.secondhalf .form-row label { width:60px;}
	.search-half.secondhalf .form-row .zip-text-container label { width:auto; text-align:left;margin-right:5px;}

	.search-text-div { width:80%;}
	.search-text-div input { width:100%;}
	.RadDropDownTree { max-width:200px;}
	#search_button_container { float:right;}
	fieldset {
		margin-bottom: 20px;
	}

	#search_fieldset.medium .form-row label,
	#search_fieldset.narrow .form-row label { 
		width:100%;
		text-align:left;
		padding:0px;
	}
	#search_fieldset.medium .form-row .zip-text-container label,
	#search_fieldset.narrow .form-row .zip-text-container label { 
		width:auto;
	}
	#search_fieldset.narrow .search-half { width:100%; clear:left;}
	#search_fieldset.narrow .form-row div { width:100%;}
	#search_fieldset.narrow .all-countries-link { clear:left;display:block;}
	#search_fieldset.narrow .form-row input,
	#search_fieldset.narrow .form-row select { width:90%;}
	#search_fieldset.narrow div.input-container { max-width:150px;}
	#search_fieldset.narrow div.zip-text-container { width:auto;}
	#search_fieldset.medium { padding-bottom:40px; }
	#search_fieldset.medium #search_button_container { right:10px; bottom:10px; position:absolute;}
	#search_fieldset.narrow #search_button_container {
		width: 100%;
		float: none;
		text-align:center;
	}
	#search_fieldset.narrow #search_button_container a {
		display:inline-block;
	}
	.metro-dropdown-container select { max-width:200px;}
	.all-countries-link { text-decoration:none; font-size:12px;}
	.zip-textbox { max-width:70px;}
	.form-row div.interest-select-container { max-width:250px;}
	.form-row div.interest-select-container select { max-width:95%;}
	.search-indicator {
		font-size: 15px;
		font-weight: bold;
		color: #000;
		margin: 10px 0px;
	}
	.results-text {
		font-size: 15px;
		font-weight: bold;
		color: #000;
	}

	#member_details,
	#people {
		width:100%;
	}

	#search_toggle {
		background-color:#000;
		color:#FFF;
		font-weight:bold;
		font-size:18px;
		display:none;
		cursor:pointer;
		padding:10px; 
		box-sizing:border-box;
		margin:10px 0px;
	}
	#search_toggle .material-icons { 
		vertical-align:middle;
	}
	.search-expanded { display:none;}
	@media (max-width : 824px) {
		fieldset { padding-bottom:40px;}
	}
	#mobile_content_column .form-row div.interst-select-container { max-width:initial;}
	#mobile_content_column .form-row label.radius-label {
		width:100%;
		padding:0px;
	}
	#mobile_content_column .input-container {
		max-width:150px !important;
	}
	#mobile_content_column .zip-textbox { 
		clear:none;
		float:left;
	}
	#mobile_content_column .zip-text-container {
		width:auto !important;
	}
	#mobile_content_column .image-holder  { 
		width:80px;
	}
	#mobile_search_toggle .material-icons {
		padding-top:0px;
		vertical-align:middle;
		font-size:24px;
	}
/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px)
and (max-width : 480px) {
/* Styles */
#mobile_person .expand,
#mobile_person .collapse {
	float:right;
	height:18px;
}
.blog-link-display {
	width:100%;
	height:90px;
}
.individual-blog {
	width:40%;
	margin-right:30px;
}
}

/* Iphone 6s */
@media (min-width : 375px)
and (max-width : 667px) {
/* Styles */
#mobile_person .expand,
#mobile_person .collapse {
	float:right;
	height:18px;
}
.blog-link-display {
	width:100%;
	height:90px;
}
.individual-blog {
	width:40%;
	margin-right:30px;
}
}
#app_contents #mobile_search_toggle .material-icons {
	margin-top:-15px;
}