/* Web-content */
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .clear { clear:both; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .container {width: 100%}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .member 
{ 
    border:1px solid;
    padding: 15px 15px 30px;
    margin-bottom: 10px;
    clear:both;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .member span.text { word-wrap: break-word; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .memberName { word-wrap: break-word; padding-bottom: 15px; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .description { word-wrap: break-word; clear: both; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .member span.emailText { float: left;padding-right: 0.5em; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .separator{

}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .teamMembers {}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .emailDiv { padding-bottom: 20px; word-wrap: break-word; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .emailDiv a { text-decoration:underline; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .fontBold { font-weight:bold; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .hide { display:none;}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .cssWordWrap { word-wrap: break-word;}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .position { padding-bottom: 20px; font-weight: bold; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .phoneDiv { padding-bottom: 10px; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .imageBorder {  
    border: 1px solid;
    display: inline-block;
    padding: 4px;
}

/* style1 */
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style1 {
    padding: 30px;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style1 .member_details {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style1 .spacer{
	margin-left: 20px;
	width: 100%;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style1 .profileImage {
    display: table-cell;
    float: left;
    max-width: 35%;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style1 .profileImage img { width: 100%;}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style1 .memberName {
    font-size: 350%;
    line-height: 100%;
}

/* style2 */
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 {
	border: 1px solid;
    clear: both;
    margin-bottom: 10px;
    padding: 0 30px 0 0;
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 .spacer{
    margin-left: 20px;
    width:100%;
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 .member_details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    padding-top: 50px;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 .profileImage {
    display: table-cell;
    float: left;
    max-width: 170px;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .sidebar .style2 .profileImage { max-width: 30%; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 .imageBorder{
    border: 0 none;
    display: block;
    padding: 0;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 .profileImage img { width: 100%;}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style2 .memberName {
    font-size: 220%;
    line-height: 100%;
}

/* style3 */
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style3 {
	padding-right: 70px;
	padding-left: 0;
	padding-top:0;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style3 .profileImage { 
	max-width:100%;
	float:right;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style3 .profileImage img { max-height:160px; max-width: 100%;}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style3 .imageBorder{ display: block; border:0; padding:0; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style3 .member_details { 
    padding-top: 20px;
    text-align: right;
    clear:both;
    width:100%;
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .main_content .style3 .spacer{
	padding-left:120px;
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .sidebar .style3 .spacer{
    padding-left:10px;
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style3 .memberName {
    font-size: 220%;
    line-height: 100%;
}

/* style4 */
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4{
	padding: 30px 15px;
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .profileImage { 
    margin-bottom: 20px;
    text-align: right;
    width: 40%;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .profileImage img { width: 100%;}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .imageWidth { 
    background-image: url("../images/defaultProfile128.png");
    background-repeat: no-repeat;
    width:128px;
    height:128px;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .member_details { position: relative; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .memberName { font-size: 160%; line-height:100%; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .position {
	font-weight:bold;
	font-size: 100%;
	padding-bottom: 0;	
}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .position div{padding-bottom:20px;}

.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .phone div{ padding-bottom: 10px; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .email div{ padding-bottom: 20px; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .lableRight { text-align: right; word-wrap: break-word; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .fLeft { float:left; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .fRight { float:right; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .mLeft { margin-left:10px; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .mRight { margin-right:10px; }
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .w40{
	width: 40%;
	float: left;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4 .w60{
	float: left;
    width: 60%;
}
.diysdk_contentApps_teamIntroduction.web_view.webcomponent .style4  .w60 div{
    border-left: 1px solid;
    padding-left: 10px;
}