/*
 Theme Name: functionalaesthetics
 Theme URI: http://www.functionalaesthetics.eu
 Author: functionalaesthetics
 Author URI: http://www.functionalaesthetics.eu
 Version: 4.0

/*Elements with transistion-effect*/
a,
#claim .selLink,
#nav #navLogOut, #nav #finderIcon, #nav #newTemplateIcon, #nav #editTemplateIcon, .nav,
#selectionResult #skipSelection,
.moreResults,
.single_result .linkHolder .result_link,
input[type="submit"],
.showAllpreRslts,
#loadNextPosts{
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
}	

.result_link,
.file_input_button,
#cancelDelete,
input[type="file"],
input[type="button"],
input[type="submit"],
#user_info ul li a,
#twitter_headline a,
.nav,
.nav a{
   	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}

#nav #navLogOut, #nav #finderIcon, #nav #newTemplateIcon, #nav #editTemplateIcon,
#selectionResult #skipSelection,
.moreResults,
.showAllpreRslts,
.single_result .linkHolder .result_link{
   	-webkit-transition: background-image .5s ease-in-out;
	-moz-transition: background-image .5s ease-in-out;
	-o-transition: background-image .5s ease-in-out;
	-ms-transition: background-image .5s ease-in-out;
	transition: background-image .5s ease-in-out;
}

/*Elements with Box-Shadow
#header,
li a.boxlink,
#login,
#user_twitter ul li,
#meta_panel_single,
#page_title,
.claim,
#claim,
.result_info,
ol.commentlist li,
#viewSelection{
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
}

input,
select,
#add_comment textarea,
#openDirForImgs, #openDirForTempl {
	-moz-box-shadow: 0px 0px 10px #dbdbdb;
	-webkit-box-shadow: 0px 0px 10px #dbdbdb;
	box-shadow: 0px 0px 10px #dbdbdb;
}
/*--------HEADER / NAVIGATION --------*/
#header {
	z-index: 100;
	position: fixed;
	top: 0px;
	width: 984px;
	height: 60px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 20px;
	background-color: #FFF;
	overflow: hidden;
}

.intNav #header{
	height: 120px;
}

#navigation{
	height: 60px;
}
#nav {
	height: 60px;
	width: 100%;
	overflow: hidden;
}

#internFunctions{
	height: 60px;
	width: 100%;
	overflow: hidden;
}

.nav {
	height: 60px;
	display: block;
	float: left;
	padding-top: 20px;
	width: 145px;
	text-align: center;
	display: none;
}


#rightNavigation .nav.active,
#rightNavigation .nav:hover{
	background-color: #000;
}

.subPageNav{
	width: auto;
	background-image: url(../images/arrowSubPageLink.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 30px;	
}

#rightNavigation{
	position: relative;
	overflow: hidden;
	height: 60px;
	width: auto;
	float: right;
}

#logo {	float: left; padding: 0 0 0 20px;}
#logo h1{
	color: #1c1c1c;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding-top: 20px;
}


.page-id-1361 #header a,		/*contact*/
.page-id-5 #header a,			/*about*/
.home #header a,
#header.home a{color: #000;}
	
.education #header.home a{color: #fff;}
	/*
.home #rightNavigation{
	display: none;
}


.page-id-1361 #navCompanies,		
.page-id-1361 #navFreelancers,
.page-id-1361 #navEducation,
.page-id-5 #navCompanies,			
.page-id-5 #navFreelancers,
.page-id-5 #navEducation,*/
.home #navCompanies,
.home #navFreelancers,
.home #navEducation{
	display: block;
}

.education  #rightNavigation a.nav{
	display: none;
}

#navCompanies:hover,
#navFreelancers:hover,
#navEducation:hover{
	color: #FFF;
}

.page-id-1361 #navCompanies:hover,		/*contact*/
.page-id-5 #navCompanies:hover,			/*about*/
.home #navCompanies:hover{
	background-color: #159ed5;
	color: #FFF;
}

.page-id-1361 #navFreelancers:hover,		/*contact*/
.page-id-5 #navFreelancers:hover,			/*about*/
.home #navFreelancers:hover{
	background-color: #ed2855;
	color: #FFF;
}

.page-id-1361 #navEducation:hover,		/*contact*/
.page-id-5 #navEducation:hover,			/*about*/
.home #navEducation:hover{
	background-color: #42a94e;
	color: #FFF;
}

#login_form{
	margin-top: 30px;
}

#login_form input[type="password"],#login_form input[type="text"]{
	margin-right: 15px;
	width: 360px;
	height: 36px;
	background-color: #f0f0f0;
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 0 20px;
}

#login_form input[type="password"]{
	margin-right: 0px;
}

#login_form input[type="submit"] {
	float: right;
	width: 226px;
	height: 36px;
	background-color: #ececec;
	font-size: 16px;
	line-height: 20px;
	color: #bfbfbf;
	cursor: default;
}

#login_form input[type="submit"].activeSubmit {
	background-color: #000;
	color: #FFF;
	cursor: pointer;
}
#internFunctions #newTemplateIcon,
#internFunctions #editTemplateIcon,
#internFunctions #navLogOut,
#nav #finderIcon {
	display: block;
	width: 58px;
	height: 60px;
	background-image: url(../images/searchIcon.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#nav #finderIcon {
	background-image: url(../images/searchIconHover.png);
}


#nav #finderIcon {
	height: 60px;
}
.index #nav #finderIcon{
	display: none;
}

#nav #finderIcon.activeSearch,
#nav #finderIcon:hover {background-image: url(../images/searchIconWhite.png); background-color: #000;}


#internFunctions #newTemplateIcon {background-image: url(../images/addTemplateIconWhite.png);}
#internFunctions #editTemplateIcon {background-image: url(../images/editTemplateIconWhite.png);}
#internFunctions #navLogOut {background-image: url(../images/logoutIcon.png);}

#internFunctions #newTemplateIcon:hover{background-image: url(../images/addTemplateIcon.png); }
#internFunctions #editTemplateIcon:hover{background-image: url(../images/editTemplateIcon.png);}
#internFunctions #navLogOut:hover{background-image: url(../images/logoutIcon.png);}

#internNav .iconNav:hover{background-color: #FFF;}
#internNav .iconNav{
	padding-top: 20px;
}

#internFunctions .iconNav{
	padding-top: 20px;
	height: 60px;
}

#internFunctions{
	width: 100%;
	height: 60px;
	background-color: #000;
}

#internFunctions div{
	width: auto;
	float: right;
	height: 60px;
}

/*
body.author #header,
*/

body.forCompanies #header{
	background-color: #149ed5;
	color: white;
}

body.author #header.forFreelancer,
body.forFreelancer #header{
	background-color: #ee2854;
	color: white;
}


body.education #header{
	background-color: #42a94e;
	color: white;
}
/*
body.author .nav,
body.author .logo a,
*/
body.education .nav,
body.education .logo a,
body.forFreelancer .nav,
body.forFreelancer .logo a,
body.forCompanies .nav,
body.forCompanies .logo a{
	color: white;
}
/*
body.author #header.forFreelancer .nav.forFreelancer,
body.author .nav.forCompanies,
*/
body.forFreelancer .nav.forFreelancer,
body.forCompanies .nav.forCompanies,
body.education .nav.education{
	display: block;
}

body.author #header.forFreelancer .nav.forCompanies{
	display: none;
}

/* body.author #nav #finderIcon, */
body.forFreelancer #nav #finderIcon,
body.forCompanies #nav #finderIcon,
body.education #nav #finderIcon {
	background-image: url(../images/searchIconWhite.png);
}
/*
.forCompanies h3{
	color:  #149ed5;
}

*/
/*

#nav {

}
.nav {
	margin-left: 20px;
	vertical-align:top;
}
#nav a.menu-open {
	color: #1c1c1c;
}
#nav a.menu-open:hover {
	color: #1c1c1c;
	background-color: #f3f3f3;
}
#nav #navLogOut, #nav #finderIcon, #nav #newTemplateIcon, #nav #editTemplateIcon {
	display: inline-block;
	width: 17px;
	height: 28px;
	background-image: url(../images/logoutIcon.png);
	background-repeat: no-repeat;
	background-position: right 3px;
	cursor: pointer;
}

#nav #finderIcon {background-image: url(../images/searchIcon.png); background-position: right 2px;}
#nav #navLogOut {background-position: right 2px;}


#nav #finderIcon:hover {background-image: url(../images/searchIconHover.png);}
#nav #navLogOut:hover {background-image: url(../images/logoutIconHover.png);}

#logo {	float: left;}
#logo h1,
#logo h1 a,
#footer h1,
#footer h1 a  {
	color: #1c1c1c;
	font-size: 100%;
	font-weight: 400;
}
#mobileNav{
	width: 35px;
	height: 35px;
	background-image: url(../images/mobileNav.png);
	position: absolute;
	right: 0px;
	bottom: 12px;
	cursor:pointer;
	display:none;
}
#mobileNav:hover,
#mobileNav.active{
	background-image: url(../images/mobileNavActive.png);
}
/*--------FOOTER-------*/
#footer {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	height: 225px;
	width: 100%;
	clear: both;
	margin: 20px 0 20px 0;
	background-color: #000;
	color: #FFF;
}

.dfinder #footer{
	height: 60px;
	padding: 0 20px;
}

.dfinder #footer a{
	float: right;
	padding-top: 20px;
}

.dfinder #footer a:hover{
	color: #FFF;
}

.dfinder #footer h1{
	float: left;
	padding-top: 14px;
}

.dfinder #footer h1 a{
	padding-top: 0px;
}

#footer div{
	position: relative;
	float: left;
	width: 20%;
	height: 100%;
	padding: 40px 0 0 30px;
}
#footer div:first-child{
	width: 60%;
}

#footer h1{
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
}

#footer div:first-child h1{
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
}

#footer h1.fw600{
	font-weight: 600;
}

#footer p{
	padding-right: 90px;
	padding-top: 10px;
}

#footer ul{
	position: absolute;
	bottom: 20px;
}

#footer ul li{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
	color: #FFF;
	border: none;
	text-decoration: none;
}

#footer div:first-child ul li{
	float: left;
	margin-right: 40px;
	
}

.article-thumb {
	padding-bottom: 8px;
	line-height: 150%;
}
.preview {
	margin-bottom: 5px;
}
li a.boxlink {
	display: block;
	border-bottom: 1px solid #bbbbbb;
}
li a.boxlink:hover {
	cursor: pointer;
	color: #1c1c1c;
	border-color: #1c1c1c;
}
.box .preview img {
	width: 231px;
	height: auto;
}
/*--------INFINITE SCROLL-------*/
#infscr-loading {
	z-index: 400;
	position: absolute;
	width: 0px;
	height: 0px;
	padding: 10px;
	text-align: center;
	font-size: 100%;
	line-height: 100%;
	color: #1c1c1c;
	bottom: 50px;
	left: 50%;
	margin-left: -80px;
	background-color: #fff;
	border: 0px;
	display: none;
	visibility: hidden;
}
#infscr-loading img {
	margin: 11px auto;
	width: 30px;
	height: 8px;
	display: none;
}
#infscr-loading em {
	display: none;
	margin-top: 7px;
	font-style: normal;
	text-decoration: none;
}

#loadNextPosts{
	display: block;
	margin: 15px 0 60px 0;
	text-align: center;
	cursor: pointer;	
	color: #717171;
}
#loadNextPosts:hover {
	color: #1c1c1c;
}
/*--------LOGIN AREA FRONTPAGE-------
#login {
	width: 100%;
	border-bottom: 1px solid #bbbbbb;
	padding: 30px 0; 
	margin-top: 60px;
}
#login_form {
	width: 100%;
	margin-top: 4px;
}

/*Startpage select category*/
#claim .selLink {
	color: #717171;
	text-decoration: none;
}
#claim .selLink:hover {
	cursor: pointer;
	color: #ee2854;
}
#selectionResult {
	overflow: hidden;
	width: 100%;
	height: 0px;
}
#selectionResult #skipSelection {
	display: block;
	float: right;
	padding-right: 40px;
	padding-bottom: 5px;
	cursor: pointer;
	color: #717171;
	background: url(../images/skip.png) no-repeat right 2px;
}
#selectionResult #skipSelection:hover{
	color: #1C1C1C;
	background: url(../images/skipHover.png) no-repeat right 2px;
}
/*--------SINGLE TEMPLATE-------*/
#meta_panel_single {
	width: 231px;
	float: left;
	padding-bottom: 20px;
	padding-left: 20px;
}
#meta_panel_single p {
	line-height: 150%;
}
#content_single {
	z-index: 10;
	float: right;
	width: 733px;
}
#content_single p {
	font-size: 100%;
	line-height: 150%;
}
#content_single img {
	max-width: 100%;
	height: auto;

	margin: 10px 0;
}
.video {
	width: 733px;
	height: 403px;
	margin: 10px 0;
}
/*--------PAGE TEMPLATE-------*/
#boxcontent_page {
/*	margin: 0px -20px 0px 0px;*/
	padding: 0px;
	
	position: relative;
}

#boxcontent_page .ls-container{
	top: 0px;
	margin-right: 20px
} 
/*
#boxcontent_page img {
	max-width: 100%;
	height: auto;
	margin: 10px 0;
}
#boxcontent_page iframe.about_video {
	width: 984px;
	height: 554px;
}
/*--------LOCATION PAGE-------*/

#boxcontent_location_page {
	z-index: 10;
	margin: 0px;
}

.box_lc_page {
	width: 325px;
	margin-left: 20px;
	float: left;
	position: relative;
	overflow: hidden;
}
#boxcontent_page .box_lc_page img {
	width: 100%;
	height: auto;
}

.box_status_page {
	width: 300px;
	margin-left: 20px;
	float: left;
}
.box_statustext_page {
	width: 650px;
	margin-left: 20px;
	margin-top: 4px;
	float: left;
}
/*--------SLIDESHOW-------
#slide {
	width: 100%;
}
/* ------ CONTENT ------- 
.preview img {
	width: 100%;
	height: auto;
	width: auto;
}
*/
/*--------AUTHOR TEMPLATE-------*/

#meta_panel {
	width: 231px;
	float: left;
	margin: 26px 0 0 0;
}
#user_info, 
#user_desc {
	padding: 10px;
	background-color: #1c1c1c;
	color: #f3f3f3;
}
#user_info img {
	width: 231px;
	margin: -10px -10px 0px -10px;
}
#user_info ul {
	margin: 15px -10px -10px -10px;
}
#user_info ul li a {
	display: block;
	padding: 7px 10px;
	color: #f3f3f3;
	border-top: 1px solid #717171;
}
#user_info ul li a:hover{
	background-color: #434343;
}
#user_desc ul {
	margin: 12px 0 20px 0;
}
#user_twitter {
	margin: 26px 0 0 0;
}
#twitter_headline a {
	display: block;
	padding: 7px 10px;
	color: #f3f3f3;
	background-color: #1c1c1c;
}
#twitter_headline a:hover{
	background-color: #434343;
}
#user_twitter ul li {
	padding: 10px 0;
	border-bottom: 1px solid #bbbbbb;
}
#user_twitter small {
	display: block;
	margin-top: 10px;
	font-size: 100%;
}
#boxcontent_author {
	z-index: 10;
	float: right;
	width: 753px;
	margin: 26px 0 0 -20px;
}
.behanceProject .preview {
	margin: 0;
	line-height: 1px;
}
.behanceLogo {
	margin-top: 7px;
	margin-bottom: 5px;
}

/*Dfinder*/
#wrapper.dfinder{
	margin-top: 120px;
}

.dfinder #header{
	height: 120px;
}
.dfinder #logo{
	height: 60px;
}







/*Search result Page*/
.result_info {
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow:hidden;
	width: 100%;
}
.result_info h1 {
	float: left;
	
}
.resultCount{
	width: 80%;
	float: left;
	overflow:hidden;
}

.resultCount p{
	margin-top: 2px;
}
.showAllpreRslts,
.moreResults{
	width: auto;
	padding-left: 14px;
	float:right;
	cursor: pointer;
	color: #717171;
	background: url(../images/arrowGrey.png) no-repeat left 10px;
}
.showAllpreRslts:hover,
.moreResults:hover{
	color: #1C1C1C;
	background: url(../images/arrowBlack.png) no-repeat left 10px;
}
.showAllpreRslts{
	display:none;
}
.result_box{
	margin-bottom: 20px;	
	padding-bottom: 10px;
}
.single_result {
	overflow: hidden;
	margin-bottom: 20px;
}
.single_result .result_Thumb {
	width: 100px;
	height: 100px;
	margin-right: 30px;
	overflow: hidden;
	float: left;
	position: relative;
}
.single_result .shareBtn{
	display:none;
}
#boxcontent_page .single_result .result_Thumb img {
	min-width: 100px;
	margin: 0;
}
.single_result h1, 
.single_result p {
	width: 67%;
	float: left;
}

.single_result h1{
	font-size: 18px;
	line-height: 18px;
}

.single_result p{
	margin-top: 2px;
}
.single_result .linkHolder {
	position: relative;
	overflow: hidden;
	width: 17%;
	float: right;
	text-align: center;
}
.single_result .result_Thumb .overlayLocked{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/overlayLocked.png) no-repeat 50% 50%;
}
#hideAllPosts,
#hideAllTemplates{
	display:none;
}
.single_result.hiddenTemplates,
.single_result.hiddenResult,
.single_result.hidden{
	display: none;
}
/*Create and Edit Tmplate*/
#templtForm{
	width: 55%;
	float: left;
	margin: 20px 0 20px 20px;
}

#wordpress_file_upload_block_1,
#wordpress_file_upload_block_3{
	width: 30%;
	margin-top: 20px;
}

.tmpltOverlay #templtForm,
.tmpltOverlay #wordpress_file_upload_block_3{
	margin-top: 0px;
}

#openDirForImgs, #openDirForTempl {
	padding: 6px 5px;
	width: 40px;
	margin: 0 0 15px 10px;
	background: #FFF;
	cursor: pointer;
}

/*select displayed Templates*/
#viewSelection{
	border-bottom: 1px solid #BBBBBB;
	padding: 10px 0;
	margin: 20px 0 20px 0;
}
#viewSelection span{
	margin-right: 20px;
}

#viewSelection #chckBx_unlocked{
	margin-left: 50px;
}

/*Overlays*/
#massivOverlay {
	background: black;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
	opacity: 0.7;
	display: none;
}
.tmpltOverlay{
	position: absolute;
	top: 70px;
	left: 0;
	border: solid #717171 1px;
	width: 884px;
	height: 550px;
	overflow: hidden;
	background: #F3F3F3;
	opacity: 1;
	z-index: 50000;
	display: none;
}
.tmpltOverlayContent{
	overflow: hidden;
}
#templateFolderContent{
	height: 550px;
	overflow: scroll;
}
.closeOverlay,
#closeTemplateFolder {
	display: block;
	width: 100%;
	height: 40px;
}
.closeOverlay #closeIcon,
#closeTemplateFolder #closeIcon {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	float: right;
	cursor: pointer;
	background: url(../images/skip.png) no-repeat 0px 10px;
}

.closeOverlay #closeIcon:hover,
#closeTemplateFolder #closeIcon:hover{
	background: url(../images/skipHover.png) no-repeat 0px 10px;
}

#ConfirmDelete{
	width: 200px;
	height: 170px;
	text-align: center;
	position: absolute;
	top: 150px;
	left: 40%;
	border: solid #717171 1px;
	overflow: hidden;
	background: #F3F3F3;
	opacity: 1;
	z-index: 50000;
	display: none;
}
#ConfirmDelete p{
	margin-bottom: 25px;
}

#cancelDelete{
	margin-top: 5px;
}
.singleTemplate {
	position: relative;
	width: 30%;
	height: 150px;
	overflow: hidden;
	border: dotted #717171 0.5px;
	float: left;
	cursor: pointer;
	margin: 0 0 10px 10px;
	padding: 5px;
}
.singleTemplate .thumbholder {
	width: 100%;
	height: 75%;
	position: relative;
	overflow: hidden;
	margin-bottom: 4px;
}
.singleTemplate .thumbholder img {
	width: 100%;
}
.singleTemplate p {
	font-size: 12px;
}

#inputErrors {
	position: relative;
	overflow: hidden;
	width: 40%;
	height: auto;
	float: left;
}
#templtForm .error {
	border: solid red 1px;
}

/*upload file*/
.boxcontent_page_template > .file_div_clean,
.tmpltOverlayContent > .file_div_clean {
	position: relative;
	overflow: hidden;
	float: left;
	width: 50%;
}
.boxcontent_page_template > .file_div_clean td, .boxcontent_page_template > .file_div_clean tr, 
.tmpltOverlayContent > .file_div_clean td, .tmpltOverlayContent > .file_div_clean tr {
	text-align: left;
	height: 49px;
}
.boxcontent_page_template > .file_div_clean td,
.tmpltOverlayContent > .file_div_clean td {
	display: block;
}
.tmpltOverlayContent > .file_div_clean .file_messageblock_header_td, .tmpltOverlayContent > .file_div_clean .file_messageblock_fileheader_td {
	height: auto;
}
.boxcontent_page_template > .file_div_clean div:first-child tr, .boxcontent_page_template > .file_div_clean div:first-child td ,
.tmpltOverlayContent > .file_div_clean div:first-child tr, .tmpltOverlayContent > .file_div_clean div:first-child td {
	height: 0px;
}
#fileName_1,
#fileName_3{
	width: 330px !important;
}
#wfu_messageblock_3 *,
#wfu_messageblock_1 * {
	border: none !important;
}

form.file_input_uploadform {
	width: 250px !important;
}

/*****************
forCompanies, forFreelancer**/
#claim h3,
.claim h3,
h3{
	font-family: 'Roboto Slab', 'Open Sans', sans-serif;
	font-weight: 500;
}

#claim.smallClaim{
	margin: -5px 0 0 0;
	padding: 10px 0;
}

#claim.smallClaim h3{
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}

#claim.backGrey{
	background-color: #ececec;
}



.forCompanies h3,
.forFreelancer h3{
	padding: 20px;
}

.forCompanies h3,
.forCompanies h4{
	color: #149ed5;
}
	
.forFreelancer h3,
.forFreelancer h4{
	color: #ee2854;
}

#slctMemberGroup{
	position: relative;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding-left: 100px;
}

#slctMemberGroup span {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    padding: 10px 0;
    width: 180px;
    font-size: 16px;
    line-height: 16px;
}

.page-template-people-php.forFreelancer #claim,
.page-template-people-php.forCompanies #claim,
.forFreelancer #slctMemberGroup{
	display: none;
}

.preview .memberStatus{
	position: absolute;
	right: 0px;
	top: 209px;
	font-size: 12px;
	line-height: 12px;
	padding: 5px 10px;
	text-transform: capitalize;
}

.box.people.member .preview .memberStatus{
	background-color: #149ed5;
	color: #FFF;
}

.box.people.freelancer .preview .memberStatus{
	background-color: #ececec;
	color: #000;
}

.box.people.hubLead .preview .memberStatus,
.box.people.officeLead .preview .memberStatus{
	background-color: #42a94e;
	color: #FFF;
}