section.raw {
  font-size: 12px;
}

section.raw h1,
#region-header .html-data h1 {
  font-size: 22px;
  font-family: 'Glypha-65Bold';
  font-weight: normal;
}

section.raw,
.html-data,
#tinymce.mceContentBody {
}

section.raw h1,
.html-data h1,
#tinymce.mceContentBody h1 {
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

section.raw h2,
.html-data h2,
#tinymce.mceContentBody h2 {
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}

section.raw h3,
.html-data h3,
#tinymce.mceContentBody h3 {
  font-size: 15px;
  font-family: 'Glypha-65Bold';
  margin-top: 1em;
  margin-bottom: 1em;
}

section.raw h4,
.html-data h4,
#tinymce.mceContentBody h4 {
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}

section.raw h5,
.html-data h5,
#tinymce.mceContentBody h5 {
  font-size: 0.83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}

section.raw h6,
.html-data h6,
#tinymce.mceContentBody h6 {
  font-size: 0.67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
}

section.raw p,
.html-data p,
#tinymce.mceContentBody p {
  display: block;
  margin-bottom: 1em;
  margin-top: 1em;
}

section.raw ul, 
.html-data ul,
#tinymce.mceContentBody ul {
  display:block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 40px;
}

section.raw ol,
.html-data ol,
#tinymce.mceContentBody ol {
  display:block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 40px;
}

section.raw li,
.html-data ul li,
#tinymce.mceContentBody li {
  display: list-item;
  list-style-type: disc;
}

.html-data ol li {
  display: list-item;
  list-style-type: decimal;
}

.instantsearch-results li ul li a {
  width: 320px;
}

.instantsearch-results li h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}

a.launch-app {
  background: url('/singlefamily/styles/launch-app.png') no-repeat 0 0;
  display: block;
  height: 31px; 
  width: 149px; 
  position: relative;
  left: 26px;
}

a.launch-app:hover {
  background-position: center center;
}

a.launch-app:active {
  background-position: center bottom;
}

/* List classes */

.html-data .list-disc > li {
  list-style-type: disc;
}

.html-data .list-circle > li {
  list-style-type: circle;
}

.html-data .list-square > li {
  list-style-type: square;
}

.html-data .list-decimal > li {
  list-style-type: decimal;
}

.html-data .list-decimal-leading-zero > li {
  list-style-type: decimal-leading-zero;
}

.html-data .list-lower-roman > li {
  list-style-type: lower-roman;
}

.html-data .list-upper-roman > li {
  list-style-type: upper-roman;
}

.html-data .list-lower-greek > li {
  list-style-type: lower-greek;
}

.html-data .list-lower-alpha > li {
  list-style-type: lower-alpha;
}

.html-data .list-lower-latin > li {
  list-style-type: lower-latin;
}

.html-data .list-upper-alpha > li {
  list-style-type: upper-alpha;
}

.html-data .list-upper-latin > li {
  list-style-type: upper-latin;
}

.html-data .list-armenian > li {
  list-style-type: armenian;
}

.html-data .list-georgian > li {
  list-style-type: georgian;
}
a.underline-on-hover{text-decoration: none !important;}
a.underline-on-hover:hover{text-decoration: underline !important;}
a.underline-on-hover span{text-decoration: none !important;}
a.underline-on-hover:hover span{text-decoration: underline !important;}


/* --------  customized layout -------- summer 2014 + 2015 by jppando ----- */
/*** START - Multifamily Home Page CSS, 04/25/2016 by sjvesapogu ***/
#encase{float: left; overflow: hidden; width: 960px; padding: 0 0 0 10px; margin: 0;}
/* Common Styles */
#encase h3{margin:0} 
#encase h2{font-size: 17.5px; font-family: "Glypha-65Bold";}
#encase h2.oo{margin:-4px 1px 5px 5px; color:#000; padding:4px 0 4px 0;}
#encase .mkt_intel #mkt_text ul{margin:2px 0 5px 0;text-align:left}
#encase .blinks ul,
#encase .mkt_intel #mkt_text ul{margin:2px 0 5px 0;text-align:left}

/* Description */
#encase .blurb{width: 960px; color: #ffffff; text-align: left; padding: 30px; margin: 0 0 20px 0; box-sizing: border-box; background-color: #000f2b;}

/*-------------- Multifamily Buzz  ----------------*/
#encase .mult_f_buzz{width: 690px; text-align: left; padding: 20px; margin: 0 20px 20px 0; box-sizing: border-box; background-color: #ffffff;}
#encase .mult_f_buzz h2.ff{float: left; width: auto; color: #000f2b; padding: 0 0 10px 0; margin: 0; box-sizing: border-box;}
#encase .mult_f_buzz .view_all{float: right; width: auto; color: #000f2b; padding: 0; margin: 0; border: 0; padding: 0;}
/*---- Link formatting for Multifamily Buzz -----*/

/*-----Multifamily images ----*/
#encase .mult_f_buzz .buzz_img{float: left; width: 140px; height: 130px; padding: 0; display: inline-block;}
#encase .mult_f_buzz .buzz_img#buzz1{margin: 0 10px 0 0;}
#encase .mult_f_buzz .buzz_img#buzz2{margin: 0 10px;}
/*-----Multifamily textfields + link formatting ----*/
#encase .mult_f_buzz .buzz_txt{float: left; color: #ffffff; width:170px; min-height:130px; padding:0; margin: 0;}
#encase .mult_f_buzz .buzz_txt a:link, 
#encase .sp-initiative .sp-division a:link{display: block; font-size: 15px; font-family: "Glypha-65Bold"; line-height: 1.2em; text-decoration: none; box-sizing: border-box;}
#encase .mult_f_buzz .buzz_txt a:hover, #encase .blinks ul li a:hover{text-decoration:underline!important}
#encase .mult_f_buzz .buzz_txt a:visited, #encase .blinks ul li a:visited{text-decoration:none;}
#encase .mult_f_buzz .buzz_txt p{float: left; color: #000f2b; line-height: 1.2em; padding: 5px 0 0 0; margin: 0; box-sizing: border-box;}

/* ---------- In The News / Right Column ---------- */
#encase .right_col{float: left; width:250px; min-height:478px; padding: 20px; box-sizing: border-box; background-color:#ffffff; margin: 0 0 20px 0;}
#encase .right_col h2.ff{float: left; width: 100%; color: #000f2b; padding: 0 0 10px 0; box-sizing: border-box; margin: 0 0 10px 0; 
border-bottom: 1px solid #d9d7dc;}
#encase .right_col p{margin: 0;}
#encase .right_col p a:link, #encase .right_col a:link{text-decoration:none}
#encase .right_col a:visited, #encase .right_col p a:visited{text-decoration:none!important}
#encase .right_col p a:hover, #encase .right_col a:hover{text-decoration:underline!important}
#encase * ul#ff{padding: 0; margin: 0;}
	
/*** ---------Styles for all lists and LIST LINKS follow. --------- ***/
/*------ Styles specific to one list may be found by the respective section style --------*/
#encase .lender_n ul li,
#encase .blinks ul li,
#encase .right_col ul li,
#encase .mkt_intel #mkt_text ul li{margin: 10px 0; list-style-type:none;}

/*------- Title Bar (horizontal links) List styles --------- */ 
#encase .titlebar{width:960px; height:35px; margin:0 0 5px 0; background-color:#bec8d2; text-transform:uppercase; 
background-image:url(/cp_resources/styles/assets/nav/nav-bg.png)}
#encase .titlebar ul{padding:9px 0 2px 0;width:100%; list-style-type:none}
#encase .titlebar ul li a:link{text-decoration:none}
#encase .titlebar ul li a:hover{text-decoration:underline!important}
#encase .titlebar ul li a:visited{text-decoration:none;color:#415A7D}
 
/* -----  Title Bar Link Orientation + Formatting ------ */
#encase .titlebar ul > li#first{clear:both; color:#373737; display:inline;margin:30px 40px 0 -65px!important; 
font-variant: small-caps!important; font-weight:800}
#encase .titlebar ul > li{clear:both; display:inline; margin:30px 40px 0 20px!important; 
font-variant: small-caps!important; font-weight:800}
#encase .titlebar img{float:left; margin:0; padding:0; clear:both}
/***--------------- end list styles ----------------------***/

/*** START - Market Intelligence & Video ***/
/*---------- Market Intelligence ----------*/	
#encase .mkt_intel{float: left; width:192px; height: 206px; padding: 20px; margin: 0 20px 0 0;text-align:left; background-color:#000f2b;}
#encase .mkt_intel h2.oo{float: left; width: 100%; color: #ffffff; padding: 0 0 10px 0; box-sizing: border-box; margin: 0 0 10px 0; 
border-bottom: 1px solid #d9d7dc;} 
/* ie8 fix  */
#encase #mkt_text{}
#encase #mkt_text h3{color: #ffffff;}
#encase .mkt_intel #mkt_text ul, #encase .blinks ul{padding: 0; margin: 0; box-sizing: border-box;}
#encase .mkt_intel #mkt_text ul li, #encase .blinks ul li{list-style-type: none; color: #ffffff;}
#encase #mkt_text ul li a:link{color:#00ACDC}
#encase #mkt_text p{margin: 0;}
#encase #mkt_text p a:link{color:#00ACDC;}
/*----- market intel linkage ----- */ 
#encase .mkt_intel #mkt_text a:link{text-decoration:none!important}
#encase .mkt_intel #mkt_text a:hover{text-decoration:underline!important}
#encase .mkt_intel #mkt_text a:visited{text-decoration:none; color:#00ACDC} 

/*---------- Did You Know - Video ----------*/
/* -- margin of did you know controls elevation level of market intelligence indirectly -- */
#encase .did_you_know{float: left; overflow: hidden; width: 438px; height: 246px; margin: 0; padding: 0; border: 1px solid #000000; box-sizing: border-box;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	<!-- #encase .did_you_know{border-right: 0!important; border-bottom: 0!important;} --> /* IE11 */
	#encase .did_you_know iframe{width: 437px!important; height: 246px!important;} /* IE11 */
}
/*** END - Market Intelligence & Video ***/

/*** START - Last Row - 4 Columns ***/
/* START - Column 2 - Specialty Financing */
/* ---------- Middle & lower sections  ----------  */
/* ----------  green initiative + Business Information  ----------  */
/* ----------  sp-division class and other CSS updates added June 2015 by jppando  ----------  */
#encase .sp-initiative{float: left; width:209px;height:285px; margin: 0 20px 0 0; padding: 0; box-sizing: border-box; background-color:#ffffff;} 
#encase .sp-initiative h2.ff{float: left; width: 100%; color: #000f2b; padding: 0 0 10px 0; box-sizing: border-box; margin: 0 0 10px 0; border-bottom: 1px solid #d9d7dc;}

/* ---------- new 2015 code here, other updates throughout document  ----------  */

/* ---------- if adding a new size section here, remember to add styles for the new section's 
follovers and a:link states, circa line 500  ----------  */

#encase .sp-initiative .sp-division .sp-titles,
#encase .sp-initiative .sp-division-long .sp-titles,
#encase .sp-initiative .sp-division-triple .sp-titles{
margin: 0; padding: 21px 0; width: 80px; height: 100%; background-color:#46525E; opacity:.85; box-sizing: border-box;}

/* -------  these control the smaller versions of the title areas - primarily used for the 1/3 sections --------*/ 
#encase .sp-initiative .sp-division .sp-titles-small,
#encase .sp-initiative .sp-division-long .sp-titles-small,
#encase .sp-initiative .sp-division-triple .sp-titles-small{
margin:10px 20px 0 11px;padding:4px; width:75px; background-color:#30646a; opacity:.85}
 
#encase .sp-initiative .sp-division. .sp-titles a:link{color:#fff}
#encase .sp-initiative .sp-division .sp-titles a:visited{color:#fff}

#encase .sp-initiative .sp-division-long  .sp-titles a:link{color:#fff}
#encase .sp-initiative .sp-division-long .sp-titles a:visited{color:#fff}

#encase .sp-initiative a:link .sp-division-triple .sp-titles{color:#fff; text-align: center;}
#encase .sp-initiative a:visited .sp-division-triple .sp-titles{color:#fff}

#encase .sp-initiative .sp-division{
width:112px; height:104px; padding:0; float:left;
background-color:#F37C46;
border-top:1px solid #fff; border-right:1px solid #fff}

#encase .sp-initiative .sp-division-long{
width:226px; height:104px; padding:0; float:left;
background-color:#F37C46;
border-top:1px solid #fff; 
border-bottom:1px solid #fff;border-right:1px solid #fff}

#encase .sp-initiative .sp-division-triple{width: 209px; height: 74px; padding: 0; margin: 0; 
float: left; border-top: 1px solid #ffffff;}
/*-----------background images for Specialty Financing section.  Uses double-class assignment in functionality ---------*/

/*-----------large sections, 2 large rectangles stacked vertically ---------*/
#encase .sp-initiative .sp-division-long.one{background-image:url(/content/about/multifamily-mmb/longhouse2.gif); max-height:102px}
#encase .sp-initiative .sp-division-long.two{background-image:url(/content/about/multifamily-mmb/longhouse1.gif); max-height:102px}

/*-----------medium sections, 3 narrower rectangles stacked vertically ---------*/
#encase .sp-initiative .sp-division-triple.one{background-image: url(/content/about/multifamily-mmb/longhouse1.jpg)}
#encase .sp-initiative .sp-division-triple.two{background-image: url(/content/about/multifamily-mmb/longhouse2.jpg)}
#encase .sp-initiative .sp-division-triple.three{background-image: url(/content/about/multifamily-mmb/longhouse3.jpg)}

/*-----------smallest sections,  4 squares stacked 2 high in 2 columns ---------*/
#encase .sp-initiative .sp-division.one{background-image:url(/content/about/multifamily-mmb/redhouse.gif); 
max-height:103px}
#encase .sp-initiative .sp-division.two{background-image:url(/content/about/multifamily-mmb/whitehouse.gif); 
max-height:103px}
#encase .sp-initiative .sp-division.three{background-image:url(/content/about/multifamily-mmb/terraced.gif); 
max-height:100px}

#encase .sp-initiative .sp-division.four{background-image:none; background-color:#F37C46; max-height:100px}
#encase .sp-initiative .sp-division#trim{width:113px; border-right:0}
/* ie8 fix  */
#encase .sp-initiative .sp-division{height:104px;\0/}

/* a:link styles for Specialty Financing section */
#encase .sp-initiative .sp-division a:link,
#encase .sp-initiative .sp-division a:visited,
#encase .sp-initiative .sp-division-long a:link,
#encase .sp-initiative .sp-division-long a:visited,
#encase .sp-initiative a:link .sp-division-triple,
#encase .sp-initiative a:visited .sp-division-triple{
color:#fff; text-decoration:none}
/* END - Column 2 - Specialty Financing */

/* START - Column 3 - Business Info */
#encase .blinks{float: left;width:209px; height:285px;margin: 0 20px 0 0;padding: 20px; 
box-sizing: border-box;background-color:#000f2b;}
#encase .blinks h2.oo{
	float: left;
    width: 100%;
    color: #ffffff;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d9d7dc;
}
/* */
#encase .blinks ul li a:link, 
#encase .blinks ul li a:visited,
table#blinfo tr td a:link{
color: #00acdc; text-decoration: none;}

table#blinfo tr td{background-color:transparent!important}
 
table#blinfo tr td{background-color:transparent!important; color: #ffffff;}
/* END - Column 3 - Business Info */

/* Common to both column 2 & 3 */ 
#encase .blinks ul li a:hover,
#encase .sp-initiative .sp-division-long a:hover,
#encase .sp-initiative a:hover .sp-division-triple,
table#blinfo tr td a:hover{text-decoration:underline}

/* START - Column 4 - Lender Notifications */
#encase .lender_n{float: left; height: 244px; width: 210px; margin: 0; padding: 20px; 
background-color: #ffffff;}
#encase .lender_n h2.ff {
    float: left;
    width: 100%;
    color: #000f2b;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d9d7dc;
}
#encase .lender_n p{margin: 0; color: #000f2b;}
#encase .lender_n p a:link, #encase .lender_n p a:visited{display: block; 
text-decoration:none!important; margin: 0 0 5px 0;}
#encase .lender_n p a:hover{text-decoration:underline!important}
#encase .lender_n p span{display: block; margin: 0 0 10px 0; color: #000f2b;}
/* END - Column 4 - Lender Notifications */

/* Button Bar */
#encase .button-bar-container{background-color: transparent; overflow: hidden; width: 100%; box-sizing: border-box;}
#encase .button-bar-container a{display: block; position: relative; float: right; margin: 12px 0 0 0;}
#encase .button-bar-container a span{display: block; float: left; text-decoration: none;}
#encase .button-bar-container a:hover span{text-decoration: underline;}
#encase .button-bar-container a img{float: left; margin-left: 5px; margin-top: 0;}
/* Multifamily Wire */
#encase .button-bar-container.bbc-mf-wire a{margin: 4px 0 0 0;}
/* Market Intelligence */
#encase .button-bar-container.bbc-market-intel a span{color: #00acdc;}
/* Product Information */
#encase .button-bar-container.bbc-product-info{background-color: #007697; cursor: pointer; margin-top: 0;}
#encase .button-bar-container.bbc-product-info a{padding: 13px 20px 11px 52px; margin: 0;}
#encase .button-bar-container.bbc-product-info a span{color: #ffffff; margin-top: -1px;}
#encase .button-bar-container.bbc-product-info a img{margin-top: -2px;}
/*** END - Multifamily Home Page CSS, 04/25/2016 by sjvesapogu ***/
/*------ End of MMB homepage styles, 2014-15 --------*/


/*------ Technology Solutions CSS, 8/31/2015 by jppando --------*/
#life_cycle_shell{width:730px;height:700px; min-height:740px; 
background-color:#C3D0D8; background-image:url(/content/about/bg_bottom.gif);
background-repeat:no-repeat; background-position:right bottom;
 margin:10px auto 20px auto; padding:2px; background-position:right 0 bottom 0}

#life_cycle_shell h3{margin:3px 2px 5px -8px; padding:0; font-size:105%}

#life_cycle_shell ul{margin:5px 0 5px 0}

#life_cycle_shell ul li{margin:2px 0 1px -10px}


#opening_p{height:120px; width:90%; margin:15px 15px 10px 15px;
 padding:20px 0 0 10px;clear:both}
 
.process_step{width:137px; height:48px; margin:8px 0 0 5px; float:left;
background-image: url(/content/about/process_bg_rl.gif); 
background-repeat:no-repeat;border:1px solid #737373}

.process_step#first{width:134px;margin:8px 0 0 8px!important}
 
.process_titles{width:89%;display:block; margin:7px 0 0 10px;color:#002350; 
font-size:112%; text-wrap:normal; font-weight:800; 
line-height:1.09em; letter-spacing:.02em}
 
.process_titles a:link{color:#002350; text-decoration:none}
.process_titles a:hover{color:#fff; text-decoration:underline}
.process_titles a:visited{color:#002350; text-decoration:none}
 
 
 /*---------------- Solutions Section styles follow ------------------*/

.solutions_section{width:694px; margin:3px 0 7px 8px; height:auto; 
min-height:235px; max-height:500px;padding:12px 10px 15px 10px; line-height:17px;
background-color:#fff; font-size:105%;background-image:url(/content/about/shader.png);
 background-position:right 0 bottom 0; background-repeat:repeat-x}
 
.solutions_section a:link{text-decoration:none; color:inherit}
.solutions_section a:hover{text-decoration:underline; color:inherit}
.solutions_section a:visited{text-decoration:none; color:inherit}
 
.solutions_section#div4{height:330px}

.solutions_section img.visCue{float:left; clear:both; text-wrap:normal; padding:0 8px 0 0}

.solutions_section h2{margin:3px 0 5px 50px;width:200px}

.solutions_col{width:290px; height:auto; min-height:150px;
float:left; margin:10px 10px 15px 2px}

.solutions_section #col2{min-height:180px; width:280px;
border:0; margin:-22px 9px 15px 0; float:right; border:0}
 
.solutions_section #col2 h2{margin:0 0 8px 0;color:#465460; font-size:130%}


.solutions_section .sol_subtitle{inline-block; float:right; 
margin:-21px 0 0 0; color:#2D779B; font-size:95%; font-weight:bold}


/* these 5 identical boxes house the different descriptions for each stage, and are alternated via JQuery + css display */

.desc1,.desc2,.desc3,.desc4,.desc5{
width:311px; height:100px; min-height:68px; 
margin:0 3px 0 8px; padding:12px 15px 20px 15px; border:3px solid #91B916;
float:left; background-color:#fff; background-image:url(/content/about/shader.png); 
background-position:right 0 bottom 0; background-repeat:repeat-x}

 
.help1{
width:307px; height:270px; min-height:118px; 
margin:0 0 0 7px; padding:10px 20px 20px 24px; 
float:left; background-color:#fff;background-image:url(/content/about/shader.png);
 background-position:right 0 bottom 0; background-repeat:repeat-x}
 
 
#personalize{width:311px; height:120px; min-height:88px; 
margin:-158px 3px 0 8px; padding:12px 15px 20px 15px; 
float:left; background-color:#fff;border:3px solid #555}

.add_info h3{font-size:135%}

/*------ End of Technology Solutions styles, 8/31/2015 by jppando --------*/


/*** START - Single-Family - Content Heading and By-line CSS, 10/09/2015 by sjvesapogu ***/
/* START - Page Heading and By-line */
.content .container .row-0 .html-data .by-linebar2{border: 1px solid #E6E6E6;
border-radius: 3px; padding: 7px 10px; box-sizing: border-box;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-item2{
display: inline-block; font: bold 12px arial, sans-serif; padding-right: 3px;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-item2 a{
color: #0b94c2; text-decoration: none;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-item2 a:hover{
text-decoration: underline;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-time2{color: #999999;
font-style: italic;	padding-left: 6px;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-time2.divider{
border-left: 1px solid #E1E1E1;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-news2{display: inline-block;
float: right; font: bold 12px arial, sans-serif; background-color: #E6E6E6; 
margin: -7px -10px -7px 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-news2 a{
color: #0b94c2; text-decoration: none; width: 100%; height: 100%; display: block; 
line-height: 30px; text-align: center; padding: 0px 12px; box-sizing: border-box;}

.content .container .row-0 .html-data .by-linebar2 .by-linebar-news2 a:hover{
text-decoration: underline;}
/* END - Page Heading and By-line */
/*** END - Single-Family - Content Heading and By-line CSS, 10/09/2015 by sjvesapogu ***/


/*** START - Multifamily - Leadership team CSS, 12/11/2015 by sjvesapogu ***/
/* START - Leadership Team */
#mf-leadership-container{display: table; width: 712px; padding-bottom: 20px;}

/* START - Toggle */
#mf-leadership-container ul{list-style-type: none; float: left; width: 712px; margin: 0px; padding: 0px;}
#mf-leadership-container li{list-style-type: none;}	
#mf-leadership-container li.section{position: relative; float: left; width: 712px;}	
#mf-leadership-container li.section li.item{float: left; width: 150px; display: table-cell; 
overflow: hidden; padding: 0 25px 20px 0;}
#mf-leadership-container li.section li.item:first-child{padding-left: 0;}
#mf-leadership-container li.section li.item:last-child{padding-right: 0;}
#mf-leadership-container li.section li a.expander{text-decoration: none; display: block;
width: 140px; cursor: pointer;}
/* Image */
#mf-leadership-container li.section .picture-frame{width: 140px; height: 160px;
box-shadow: 0px 3px 10px 5px #cccccc; border: 1px solid #999999;}
/* Image Caption */
#mf-leadership-container li.section li.item a.expander p{width: 140px; text-align: center; 
padding: 20px 0 0; margin: 0px;}
#mf-leadership-container li.section li.item a.expander p em{font-style: normal; 
font-family: "Arial"; font-weight: bold; font-size: 14px; color: #415a7d; display: block;}
#mf-leadership-container li.section li.item a.expander p span{font-family: "Arial"; 
display: block; color: #415a7d;	font-size: 12px; margin-top: 5px;}
#mf-leadership-container li.section li.item a.expander:hover p em,
#mf-leadership-container li.section li.item a.expander:hover p span{color: #235a9b; 
text-decoration: underline;}
/* END - Toggle */

/* START - Toggle Content */
#mf-leadership-container .person-data{position: static; left: 0; background: #2c2c2c; 
clear: both; width: 667px; margin-bottom: 20px;}
/* Up Arrow */
#mf-leadership-container .person-data .up-arrow{position: static; left: 0; 
background: #ffffff url("/content/about/multifamily-mmb/leadership-images/up-arrow.png") no-repeat scroll center bottom;
width: 100%; height: 12px;}
#mf-leadership-container .person-data .up-arrow.arrow1{background-position: 58px bottom;}
#mf-leadership-container .person-data .up-arrow.arrow2{background-position: 234px bottom;}
#mf-leadership-container .person-data .up-arrow.arrow3{background-position: 410px bottom;}
#mf-leadership-container .person-data .up-arrow.arrow4{background-position: 588px bottom;}
/* Close Icon */
#mf-leadership-container .person-data a.close{
background: url("/content/about/multifamily-mmb/leadership-images/close-person-data.png") no-repeat center;
width: 40px; height: 40px; padding: 0; margin: 0; float: right; display: block; cursor: pointer;}

/* START - Toggle Content Text Container */
#mf-leadership-container .person-data ul{display: block; float: none; width: 100%; 
overflow: hidden; padding: 0 35px 35px 35px; box-sizing: border-box;}
#mf-leadership-container .person-data ul.content{background-color: #2c2c2c;}
#mf-leadership-container .person-data li{display: block; float: left; margin-top: 0; text-align: left;}
/* Primary Text Content */
#mf-leadership-container .person-data .words, #mf-leadership-container .person-data .about{
width: auto; padding: 0;}
#mf-leadership-container .person-data h4{font: bold 16px "Arial"; color: #FFF; padding: 0; 
margin: 0 0 10px 0; text-align: left;}
/* Primary Text Content */
#mf-leadership-container .person-data .words{width: auto;}
#mf-leadership-container .person-data .words p{font: italic 20px "Times New Roman"; color: #c3c3c3;	
margin-bottom: 20px;}
/* Secondary Text Content */
#mf-leadership-container .person-data .about p{margin: 20px 0 0 0; font: normal 14px "Arial"; 
color: #a6a6a6;}
#mf-leadership-container .person-data .about p.p-margin-t0{margin: 0;}
/* Read More/Read Less Button */
#mf-leadership-container .person-data .about button{background: #2c2c2c; color: #ffffff; border-top: 0;  
border-right: 0; border-bottom: 1px solid white; border-left: 0; padding: 0; margin: 20px 0 0 0; cursor: pointer;
border-radius: 0; box-shadow: none; zoom: 0; font-size: 14px;}
/* END - Toggle Content Text Container */
/* END - Toggle Content */
/* END - Leadership Team */
/*** END - Multifamily - Leadership Team CSS, 12/11/2015 by sjvesapogu ***/


/**** START - Single-Family - DU Marketing CSS, 12/18/2015 by sjvesapogu ***/
/* START - Marquee Content */
.du-marquee-container{float: left; width: 960px; clear: both; padding: 30px; box-sizing: border-box; 
 margin: 10px 0 0 -10px; background-color: #ffffff;}
.du-marquee-container .du-marquee-right{width: 425px; height: 284px; float: left; padding: 0; 
box-sizing: border-box;}
.du-marquee-container .du-marquee-left{font-size: 20px; font-weight: bold; color: #ffffff; 
background-color: #000f2b; text-align: left; float: left; width: 475px; height: 284px; 
padding: 30px 28px; box-sizing: border-box;}
.du-marquee-container .du-marquee-left .du-primary-text{line-height: 28px; padding-bottom: 13px; 
margin-top: 35px;}
.du-marquee-container .du-marquee-left .du-secondary-text{color: #ace2f3; line-height: 28px; 
margin-top: 10px;}
.du-marquee-container .du-marquee-left .du-primary-text span.heading{font-size: 32px !important; 
font-weight: bold; display: inline-block !important; overflow: hidden !important;}

/* START - New CSS added for Registered Trademark, 08/04/2016 */
.du-marquee-container .du-marquee-left .du-primary-text.dupt-margin-top{margin-top: 25px;} /* FF, Chrome */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.du-marquee-container .du-marquee-left .du-primary-text.dupt-margin-top{margin-top: 35px!important;} /* IE11 */
}
.du-marquee-container .du-marquee-left .du-primary-text .heading sup.du-registered1{font-size: 140%; 
line-height: 1.2em; bottom: 0ex;} /* FF, Chrome */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.du-marquee-container .du-marquee-left .du-primary-text .heading sup.du-registered1{font-size: 140%!important; 
 bottom: 0.2ex!important;} /* IE11 */
}
.du-marquee-container .du-marquee-left .du-secondary-text.dust-margin-top{margin-top: -5px;} /* FF, Chrome */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.du-marquee-container .du-marquee-left .du-secondary-text.dust-margin-top{margin-top: 0!important;} /* IE11 */
}
.du-marquee-container .du-marquee-left .du-secondary-text .heading sup.du-registered2{font-size: 160%; 
line-height: 1.4em; bottom: 0ex;} /* FF, Chrome */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.du-marquee-container .du-marquee-left .du-secondary-text .heading sup.du-registered2{font-size: 190%!important; 
 bottom: 0ex!important;} /* IE11 */
}
/* END - New CSS added for Registered Trademark, 08/04/2016 */
/* END - Marquee Content */

/* START - Benefits Content */
.du-content-container{float: left; width: 940px; clear: both; padding: 10px 20px; box-sizing: border-box; 
background-color: #ffffff; margin: 0;}
.du-content-container-left{float: left; width: 545px; padding: 0 30px 0 0; margin: 0 auto; box-sizing: border-box;}
.du-content-container-left .du-left-heading{color: #000f2b; font-size: 24px; font-weight: bold; width: 100%; 
text-align: left; margin: 0 0 20px 0;}

.du-content-container .du-benefits-container{float: left; clear: both; width: 100%;}
.du-content-container .du-benefits-container .du-benefits-content{float: left; clear: both; width: 100%;
 padding: 0; margin: 0;}

.du-content-container .du-benefits-container a.du-heading{display: block; color: #000f2b; font-size: 17px; 
font-weight: bold; text-transform: uppercase; text-decoration: none !important; padding: 9px 0 10px 13px; 
border-top: 1px solid #000f2b; box-sizing: border-box;}
.du-content-container .du-benefits-container a.du-heading.du-heading-bb1{border-bottom: 1px solid #000f2b;}
.du-content-container .du-benefits-container .current a.du-heading{color: #ffffff; background-color: #000f2b;}

.du-content-container .du-benefits-container .du-location-number{display: block; font: bold 15px Leelawadee; 
color: #ffffff; background: #000f2b; text-align: center; vertical-align: middle; float: left; 
width: 26px; height: 26px; line-height: 26px; -moz-border-radius: 16px; -webkit-border-radius: 16px; 
border-radius: 16px; margin-right: 10px; box-sizing: border-box; margin-top: -2px;}
.du-content-container .du-benefits-container .current a.du-heading .du-location-number{
background-color: #ffffff; color: #000f2b;}

.du-content-container .du-benefits-container .du-plus-minus{display: block; float: right; width: 26px; 
height: 26px; margin-right: 10px;}
.du-content-container .du-benefits-container .du-plus-minus:after{content: "+";
 color: #000f2b; font: normal 24px/21px 'Arial';}

.du-content-container .du-benefits-container .current a.du-heading .du-plus-minus{
color: #ffffff; font: normal 24px/21px 'Arial'; margin-right: 7px;}

.du-content-container .du-benefits-container .du-content{display: block; line-height: 25px; padding: 10px 10px 20px;}
.du-content-container .du-benefits-container .du-content.du-content-pb10{padding-bottom: 10px;}
.du-content-container .du-benefits-container .du-tab-content{display: none;}
.du-content-container .du-benefits-container #du_tab1{display: block;}
/* END - Benefits Content */

/* START - Content Container Right */
.du-content-container-right{float: left; width: 354px; padding: 0; margin: 0; 
background-color: #e4e4e4;}
.du-right-heading{width: 292px; padding: 30px; font-size: 20px; font-weight: bold; line-height: 26px; 
color: #ffffff; background-color: #000f2b; border: 1px solid #000f2b; text-align: center;}
.du-right-heading .du-big-text{font-size: 24px; display: inline-block; overflow: hidden; 
text-transform: uppercase;}
.du-right-content-container{float: left; width: 292px; padding: 30px; border-left: 1px solid #b2b2b2; 
border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;}
.du-right-content-container a.du-right-button, 
.du-right-content-container a:hover.du-right-button,
.du-right-content-container a:visited.du-right-button{display: block; font-size: 18px; font-weight: bold; 
color: #ffffff; background-color: #46525E; width: auto; padding: 7px 0; border-radius: 4px; 
box-sizing: border-box; margin: 0 0 10px; text-align: center; text-decoration: none !important;}
.du-right-content-container .du-right-login-container{float: left; width: 320px; padding-left: 55px; 
box-sizing: border-box;}
.du-right-content-container .du-right-login-container .du-right-login-text{font-size: 15px; font-weight: bold; 
width: 140px; float: left; padding: 0; margin-bottom: 0;}
.du-right-content-container .du-right-login-container a.du-right-login-link{float: left; 
display: block; font-size: 15px; font-weight: bold; color: #007697; padding: 0; box-sizing: border-box;
text-decoration: underline;}
/* END - Content Container Right */

/* START - Registeration Content */
.du-register-wrapper{float: left; width: 940px; clear: both; padding: 30px; box-sizing: border-box; 
background-color: #e4e4e4; border-top: 1px solid #cccccc; margin: 0 auto;}
.du-register-wrapper .du-register-container{border-top: 1px solid #000f2b; border-bottom: 1px solid #000f2b;}
.du-register-wrapper .du-register-container a.du-close{
background: url("/content/about/du-register-close.png") no-repeat center;
width: 40px; height: 40px; padding: 0; margin: 0; float: right; display: block; cursor: pointer;}
.du-register-wrapper .du-register-container .du-register-heading{color: #ffffff; font-size: 18px; 
font-weight: bold; width: 191px; background-color: #46525E; padding: 4px 8px 6px; margin-bottom: 10px;}
.du-register-wrapper .du-register-container .du-register-heading.du-rh-margin-t20{margin-top: 20px;}
.du-register-wrapper .du-register-container .du-register-content{font-size: 16px; font-weight: bold; 
line-height: 25px; padding-bottom: 20px;}
.du-register-wrapper .du-register-container .du-register-steps{font-size: 14px; padding: 0; 
box-sizing: border-box; margin-bottom: 20px;}
.du-register-wrapper .du-register-container .du-register-steps .du-register-number{display: block; 
color: #007697; font: bold 14px Leelawadee; border: 2px solid #007697; text-align: center; 
vertical-align: middle; float: left; width: 20px; height: 20px; line-height: 16px; 
-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; padding-left: 1px; 
margin-right: 7px; box-sizing: border-box; margin-top: -2px;}
.du-register-wrapper .du-register-container .du-register-steps .du-register-number.du-number-lh-16{
line-height: 16px;}
.du-register-wrapper .du-register-container .du-register-steps a.du-register-link{
color: #007697; text-decoration: underline;}
/* END - Registeration Content */
/*** END - Single-Family - DU Marketing CSS, 12/18/2015 by sjvesapogu ***/


/*** START - Single-Family - Spanish Resource Kit for Lenders CSS, 01/26/2016 by sjvesapogu ***/
/* START - Sidebar - Related Links */
.related-links{margin: 30px 0;}

.related-links .rl-header{position: relative; padding: 8px 8px 8px 14px; box-sizing: border-box; margin-bottom: 0;
background-color: #002350;}
.related-links .rl-header h3{overflow: hidden; text-overflow: clip; color: #ffffff; font: bold 16px Arial; 
margin-bottom: 0; margin-top: 0;}

.related-links ul.rl-list-view{clear: both; border: 1px solid #cccccc; padding: 0; margin: 0; list-style: none;}
.related-links ul.rl-list-view h4{color: #415a7d; font: bold 14px Arial, Helvetica, sans-serif; padding: 7px 10px; 
border-top: 1px solid #d3d3d3; box-sizing: border-box; margin-bottom: 0; margin-top: 0; background-color: #ececec;}

.related-links ul.rl-list-view li{position: relative; list-style: none;}
.related-links ul.rl-list-view li ul{list-style: none; padding: 0; margin: 0;}
.related-links ul.rl-list-view li a{display: block; width: 100%; height: 100%; color: #235a9b; font: normal 12px Arial; 
text-decoration: none; padding: 7px 10px; box-sizing: border-box; border-bottom: 1px solid #eaeaea;}
.related-links ul.rl-list-view li a:hover{color: #235a9b; text-decoration: underline;}
.related-links ul.rl-list-view li .status{color: #dc4141;}
/*** END - Sidebar - Related Links ***/

/* START - Content - Spanish Resource Kit for Lenders */
.srk-content-container{float: left; width: 712px; padding: 0 0 30px 10px; box-sizing: border-box; 
margin: 0 auto; background-color: #ffffff;}

/* SRK Content */
.srk-content-container .srk-content{font-size: 14px; color: #415a7d; line-height: 25px; margin: 0 0 20px;}
.srk-content-container .srk-content .srk-padding-b15{padding-bottom: 15px;}
.srk-content-container .srk-content a.srk-content-link{color: #235a9b; text-decoration: none;}
.srk-content-container .srk-content a.srk-content-link:hover{color: #235a9b; text-decoration: underline;}

/* SRK Disclaimer */
.srk-content-container .srk-disclaimer{float: left; width: 100%; padding: 10px; border: 1px solid #cccccc; 
box-sizing: border-box; margin: 0 0 20px; font-size: small; font-style: italic; color: #415a7d; line-height: 120%;}
/* END - Content - Spanish Resource Kit for Lenders */
/*** END - Single-Family - Spanish Resource Kit for Lenders CSS, 01/26/2016 by sjvesapogu ***/


/*** START - Single-Family - DMRS Page Expand/Collapse CSS, 02/10/2016 by sjvesapogu ***/
/* Expand/Collapse Header Plus/Minus */
a.expand-collapse-header .ec-plus-minus{position: absolute; top: -1px; right: 0;}
a.expand-collapse-header .ec-plus-minus:after{content: "+"; font: normal 24px/21px 'Arial';}
a.expand-collapse-header.active .ec-plus-minus:after{content: "-"; font: normal 40px/21px 'Bookman Old Style'; 
position: absolute; top: -3px; right: -1px;}
/*** END - Single-Family - DMRS Page Expand/Collapse CSS, 02/10/2016 by sjvesapogu ***/


/*** START - Multifamily - About Us CSS, 03/04/2016 by sjvesapogu ***/
/* Multifamily About Us Buttons */
.mf-about-us-buttons a.mfau-button{display: block; float: left; color: #235A9B; font-size: 14px; 
text-transform: uppercase; padding: 7px 10px; border: 1px solid #235A9B; box-sizing: border-box; 
margin-right: 20px; text-decoration: none;}
.mf-about-us-buttons a.mfau-button.mfaub-margin-r0{margin-right: 0;}
.mf-about-us-buttons a.mfau-button:hover{color: #ffffff; background-color: #235A9B; 
border: 1px solid #235A9B; box-sizing: border-box; text-decoration: none;}
/*** END - Multifamily - About Us CSS, 03/04/2016 by sjvesapogu ***/


/*** START - Single-Family Home Page CSS, 04/26/2016 by sjvesapogu ***/
/* Sidebar Column */
.events-image{display: block; width: 204px; height: 136px;}
.resources-image{display: block; width: 204px; height: 332px; margin-top: 20px;}

/* Center Column */
/* Sign Up for Email Images */
.email-image{display: block; width: 344px; height: 77px; margin-top: 40px;}
/* Button Bar */
.button-bar-container{background-color: transparent; overflow: hidden; width: 344px; margin-top: -8px;}
.button-bar-container a{display: block; position: relative; float: right; margin: 3px 0 0 0;}
.button-bar-container a span{display: block; float: left;}
.button-bar-container a img{float: left; margin-left: 5px; margin-top: -3px;}

/* Right Column */
/* START - Quick Links */
.quick-links{width: 344px;}
.quick-links .ql-header{position: relative; padding: 8px 8px 8px 14px; background-color: #91b916; 
margin-bottom: 0; border-bottom: 0;}

.quick-links .ql-header h3{overflow: hidden; text-overflow: clip; color: #ffffff; 
margin-bottom: 0px !important; margin-top: 0;}

.quick-links ul.ql-list-view{clear: both; padding: 0; margin: 0;}
.quick-links ul.ql-list-view h3{color: #002350; font-size: 15px; font-weight: bold; margin: 0 0 2px 0; padding: 0 0 2px 0;
border-bottom: 1px solid #225A9B;}
.quick-links ul.ql-list-view li{position: relative; list-style-type: none;}
.quick-links ul.ql-list-view li a{padding: 7px 0; display: block; width: 100%; height: 100%; 
box-sizing: border-box; border-top: 1px solid #d9d7dc;}
.quick-links ul.ql-list-view li ul li:first-child a{border-top: 0px solid #d9d7dc;}
.quick-links ul.ql-list-view li .status{color: #dc4141;}
.quick-links ul.ql-list-view li ul{padding: 0; margin: 0 0 30px 0;}
/* END - Quick Links */

/* START - Industry Specialty Drop Down */
form.speciality-dropdown{width: 344px; min-width: 344px; margin: 20px 0 0 0; background-color: #000f2b; 
overflow: hidden;}

.speciality-dropdown .sd-heading{color: #ffffff; padding: 10px 12px 10px 12px;}
.speciality-dropdown .sd-description{color: #ffffff; padding: 0 12px 10px 12px;}

div.sd-dropdown-div{position: relative; background-color: #01172e; margin: 10px;}
div.sd-dropdown-div select.sd-dropdown-select{color:#ffffff; background: #808795; width: 100%; border: 0 !important; 
cursor: pointer; outline:none; display: inline-block; padding: 10px 0 10px 10px; -webkit-appearance: none; 
-moz-appearance: none; -moz-border-radius: none; -o-appearance: none; appearance: none;}
div.sd-dropdown-div select.sd-dropdown-select::-ms-expand{display: none;}
div.sd-dropdown-div select.sd-dropdown-select option{border: 0;}
div.sd-dropdown-div:before{content: ''; position: absolute; right: 6px; top: 9px; cursor: pointer;}
div.sd-dropdown-div:after{content: '>'; position: absolute; right: 12px; top: 4px; color: #ffffff; 
font: bold 24px FangSong; padding: 0 2px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);
-ms-transform: rotate(90deg); transform: rotate(90deg); pointer-events: none; cursor: pointer;}
/* END - Industry Specialty Drop Down */
/* END - Tips for Using the Website */
/*** END - Single-Family Home Page CSS, 04/26/2016 by sjvesapogu ***/


/*** START - Single-Family - Technology Solutions CSS, 05/18/2016 by sjvesapogu ***/
/*** START - Header Container ***/
.header-container{overflow: hidden; clear: both; width: 940px; padding: 0; margin: 30px 0 0 0;}
.header-container-left{position: absolute!important; z-index: 2; float: left; width: 610px; min-height: 190px; padding: 30px; margin: 25px 0; box-sizing: border-box; text-align: left; vertical-align: middle; background: #000F2B none repeat scroll 0 0;}
.header-container-left h1{color: #ffffff; font: 28px "Glypha-65Bold","Georgia","Century",serif!important; padding: 0; margin: 0 0 5px 0!important;}
.header-container-left h2{color: #ffffff; font: 24px "Glypha-55Roman","Georgia","Century",serif; padding: 0; margin: 0 0 15px 0;}
.header-container-left p{color: #ffffff; font-size: 16px; line-height: 22px; padding: 0; margin: 0!important;}
.header-container-right{position: relative; z-index: 1; float: right; width: 425px; height: 239px; padding: 0; margin: 0;}
.header-container-right img{padding: 0; margin: 0;}
/*** START - Header Container ***/

/*** START - Technology Solutions Container ***/
/** START - Part1 **/
.ts-content-container{float: left; overflow: hidden; width: 940px; clear: both; padding: 30px 0; box-sizing: border-box; margin: 0 auto;}
.ts-content-container.ts-content-padding-t0{padding-top: 0; padding-bottom: 0;}
/* TS Content Left */
.ts-content-container-left{float: left; width: 430px; padding: 0 30px 0 0; margin: 0 auto; box-sizing: border-box;}
.ts-content-container-left h2{color: rgb(0, 15, 43); font: 24px "Glypha-65Bold","Georgia","Century",serif; line-height: 30px; padding: 0 0 20px 0; margin: 0;}
.ts-content-container-left p{padding: 0 0 10px 0; margin: 0!important;}
.ts-content-container-left p:last-child{padding: 0;}
.ts-content-container-left strong{display: block; color: #000F2B; text-transform: uppercase; margin: 20px 0 5px 0;}
/* TS Content Right */
.ts-content-container-right{float: left; overflow: hidden; width: 510px; padding: 0; margin: 0; box-sizing: border-box; border: 1px solid #b2b2b2;}

/* START - TS Content Left */
.standard-min-tabs{overflow: hidden; width: 100%; height: 100%; padding: 30px; margin: 0; background-color: #e4e4e4; box-sizing: border-box;}
/* TS Tabs Standard Mini Header and Content */
.standard-min-tabs ul{list-style: none; padding: 0; margin: 0;}
.standard-min-tabs ul li{list-style: none; padding: 0; margin: 0;}
/* Tab Header Links */
.standard-min-tabs ul.mini-tab-links{margin: 0 0 20px 0; border-bottom: 2px solid #000f2b; box-sizing: border-box;}
.standard-min-tabs ul.mini-tab-links li{list-style: none; display: inline-block;}
.standard-min-tabs ul.mini-tab-links li:not(.last){border-right: 2px solid #e4e4e4; box-sizing: border-box;}
/* active*/
.standard-min-tabs ul.mini-tab-links li{display: inline-block; color: #000f2b; font: 16px "Glypha-65Bold","Georgia","Century",serif; background-color: #ffffff; padding: 8px 14px; box-sizing: border-box; text-decoration: none;}
.standard-min-tabs ul.mini-tab-links li:hover{color: #ffffff; background-color: #000F2B; text-decoration: none;}
.standard-min-tabs ul.mini-tab-links li.active{color: #ffffff; background-color: #000F2B; text-decoration: none;}
.standard-min-tabs ul.mini-tab-links li.ts-mini-tab1{width: 30%;}
.standard-min-tabs ul.mini-tab-links li.ts-mini-tab2{width: 40%;}
.standard-min-tabs ul.mini-tab-links li.ts-mini-tab3{width: 30%;}
/* Tab Content */
.standard-min-tabs ul.mini-tab-content{overflow: hidden; line-height: 20px;}
.standard-min-tabs ul.mini-tab-content li{display: none;}
.standard-min-tabs ul.mini-tab-content li.active{display: block;}
.standard-min-tabs ul.mini-tab-content li.ts-tab-content-height{height: 231px;}

.standard-min-tabs ul.mini-tab-content li div{font-size: 12px; line-height: 1.3em; padding: 10px 0 0 0;}
/* END - TS Content Left */
/** END - Part1 **/

hr.ts-hori-line-style{width: 100%; height: 1px; border: 0; background-image: linear-gradient(to right, #ccc, #333, #ccc); text-align: left; margin-bottom: 30px; clear: both;}

/** START - Part2 **/
/* TS Tabs Standard Header and Content */
.standard-tabs{overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0;}
.standard-tabs ul{list-style: none; padding: 0; margin: 0;}
.standard-tabs ul li{list-style: none; padding: 0; margin: 0;}
/* Tab Header Links */
.standard-tabs ul.tab-links li{display: inline-block; cursor: pointer; font: 16px "Glypha-65Bold","Georgia","Century",serif; color: #000F2B; background-color: #e4e4e4; text-decoration: none; padding: 10px; border-right: 2px solid #ffffff; border-left: 0; box-sizing: border-box; float: left; width: 25%; min-height: 60px;}
.standard-tabs ul.tab-links li:last-child{border-right: 0;}
.standard-tabs ul.tab-links li:hover{color: #ffffff; background-color: #000F2B; text-decoration: none;}
.standard-tabs ul.tab-links li.active{color: #ffffff; background-color: #000F2B; text-decoration: none;}

.standard-tabs ul.tab-links li.tab1-link:hover,
.standard-tabs ul.tab-links li.tab1-link.active{background-color: #216C2B;}
.standard-tabs ul.tab-links li.tab2-link:hover,
.standard-tabs ul.tab-links li.tab2-link.active{background-color: #007697;}
.standard-tabs ul.tab-links li.tab3-link:hover,
.standard-tabs ul.tab-links li.tab3-link.active{background-color: #574A71;}
.standard-tabs ul.tab-links li.tab4-link:hover,
.standard-tabs ul.tab-links li.tab4-link.active{background-color: #C0540F;}
/* Tab Content */
.standard-tabs ul.tab-content{float: left; overflow: hidden; width: 100%; height: auto; padding: 20px 0 0 0; border-top: 2px solid #000F2B;}
.standard-tabs ul.tab-content.ts-tab-content-height{height: 536px;}
.standard-tabs ul.tab-content li{display: none;}
.standard-tabs ul.tab-content li.active{display: block; padding: 20px 0 0 0; box-sizing: border-box;}

.standard-tabs ul.tab-content li.tab1-content.active{border-top: 2px solid #216C2B;}
.standard-tabs ul.tab-content li.tab2-content.active{border-top: 2px solid #007697;}
.standard-tabs ul.tab-content li.tab3-content.active{border-top: 2px solid #574A71;}
.standard-tabs ul.tab-content li.tab4-content.active{border-top: 2px solid #C0540F;}
/* P */
.component.html .tab-content p{margin: 0 0 20px 0;}
/* Table */
.tab-content .ts-table-wrapper{overflow: auto; clear: both; max-width: 100%; max-height: 100%;}
.tab-content .ts-table-wrapper table{width: 100%; max-width: 100%; overflow: auto; border-collapse: collapse; border-spacing: 0; border: 0!important;}
.tab-content .ts-table-wrapper table tbody, table tr, table th, table td{padding: 0; text-align: left; white-space: normal;}
.tab-content .ts-table-wrapper table tr{margin-bottom: 1em; border-bottom: 1px solid #ecebee!important; color: #000f2b;}
.tab-content .ts-table-wrapper table tr:last-of-type{margin-bottom: 0px;}

ul.tab-content li.tab1-content table tr:nth-of-type(2n){background-color: #E8F0E9;}
ul.tab-content li.tab2-content table tr:nth-of-type(2n){background-color: #E5F1F4;}
ul.tab-content li.tab3-content table tr:nth-of-type(2n){background-color: #EEEDF1;}
ul.tab-content li.tab4-content table tr:nth-of-type(2n){background-color: #F9EEE7;}

.tab-content .ts-table-wrapper table th{width: 50%; color: #000f2b; font-size: 14px; font-weight: bold; text-align: left; border-bottom: 1px solid #000f2b; padding: 0 1em .5em 1em; vertical-align: middle;}
.tab-content .ts-table-wrapper table td{padding: .4em 0 .4em 1em; vertical-align: middle; background-color: transparent;}
/* END - TS Tabs Standard Header and Content */
/** END - Part2 **/
/*** END - Technology Solutions Container ***/
/*** END - Single-Family - Technology Solutions CSS, 05/18/2016 by sjvesapogu ***/


/*** START - Single-Family Header Margin Bottom CSS, 08/03/2016 by sjvesapogu ***/
#region-header .header-data .task-box-enabled, 
#region-header .html-data .task-box-enabled{overflow: hidden; margin-bottom: 30px;}
/*** END - Single-Family Header Margin Bottom CSS, 08/03/2016 by sjvesapogu ***/


/*** START - Single-Family - Training Page - Promo Box & Button CSS, 08/22/2016 by sjvesapogu ***/
.promo-box-container{overflow: hidden; width: 100%; margin-bottom: 20px;}        
.promo-box-container .promo-box-image{display: block; margin-right: auto; margin-left: auto;}       
.promo-box-container .promo-box-text{padding: 10px; border-right-color: rgb(228, 228, 228); border-left-color: rgb(228, 228, 228); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;}
.promo-box-container .promo-box-text p{margin-top: 3px; margin-bottom: 5px;}
.promo-box-footer{overflow: hidden; width: 100%; margin: 0px; padding: 0px; cursor: pointer;}  
.promo-box-footer a{display: block; float: left; width: calc(100% - 18px); padding: 8px; text-align: right; color: rgb(255, 255, 255); border-right-color: rgb(0, 118, 151); border-bottom-color: rgb(0, 118, 151); border-left-color: rgb(0, 118, 151); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(0, 118, 151);}
.promo-box-footer a span{display: block; float: left; width: 157px; margin-top: 2px; color: rgb(255, 255, 255); text-decoration: none;}
.promo-box-footer a img{float: right; margin-left: 5px;}
/*** END - Single-Family - Training Page - Promo Box & Button CSS, 08/22/2016 by sjvesapogu ***/


/*** START - Single-Family - Email Icon CSS, 09/13/2016 by sjvesapogu ***/
.guide-header .email-link a{background-image: url("/cp_resources/styles/assets/sprites_20x30.png"); display: block; width: 20px; height: 20px; background-repeat: no-repeat; position: relative; background-position: 0 -209px;}


/*** START - Single-Family - Training Landing/Secondary Page CSS, 10/20/2016 by sjvesapogu ***/
/* START - Single-Family - Training Landing Page CSS */
/* Promo Button Container */
.promo-button-container{overflow: hidden; width: 100%; margin: 10px 0 0 0;}    
.promo-button-container ul.promo-button-wrapper{list-style: none; width: 100%; padding: 0; margin: 0;}
.promo-button-container ul.promo-button-wrapper li.promo-button{list-style: none; float: left; padding: 0;}
.promo-button-container ul.promo-button-wrapper li.promo-button a{display: block; overflow: hidden; line-height: 1.2em; padding: 10px;}
.promo-button-container ul.promo-button-wrapper li.promo-button a img{float: right;}

/* Featured Content Container */
.featured-content-container{width: 100%; overflow: hidden;}
.featured-content-container-left{width: calc(100% - 310px); margin-top: 10px; float: left;}
.featured-content-container-left p{margin-top: 5px;}
.featured-content-container-image{display: block; margin: 10px 0px 0px 10px; float: left;}
/* END - Single-Family - Training Landing Page CSS */


/* START - Single-Family - Training Secondary Page CSS */
/* Training Nav Bar */
.sidebar-nav-image-component{display: block; margin-top: 10px;}

.html-data ul.sidebar-nav-component{list-style: none; margin: 10px 0px 20px; padding: 0px; width: 100%;}
.html-data ul.sidebar-nav-component li{list-style: none; margin: 0; padding: 0; line-height: 20px;}
.html-data ul.sidebar-nav-component li a{text-decoration: none; border-bottom: 1px solid #c9c9c9; display: block; padding: 5px 0;}
.html-data ul.sidebar-nav-component li a:hover{text-decoration: underline;}
.html-data ul.sidebar-nav-component li span.sub-header{display: block; font-weight: bold; padding: 15px 0 5px 0; border-bottom: 1px solid #007697;}

/* START - Training Content */
.ts-content-container.training-content-container{float: none; width: 100%;}

/* Tab Content */
.standard-tabs ul.tab-content.training-tab-content{padding: 0; margin-bottom: 5px; border-bottom: 2px solid #000F2B;}

.tab-content .training-container{width: 100%; overflow: hidden;}
.tab-content .training-container.tc-paddin-t20{margin-top: 20px;}
.tab-content .training-container .training-container-title{padding: 8px 10px; width: calc(100% - 18px); text-align: center; font-weight: bold; background-color: #57a9c5; color: #ffffff;}
.tab-content .training-container .training-container-left{width: calc(50% - 14px); margin-right: 14px; float: left;}
.tab-content .training-container .training-container-right{width: calc(50% - 10px); margin-left: 10px; float: left;}
.tab-content .training-container .training-container-content{overflow-y: scroll; overflow-x: hidden; border: 1px solid #c9c9c9;}
.tab-content .training-container .training-container-content.tc-content1{height: 220px; width: 100%;}
.tab-content .training-container .training-container-content.tc-content2{height: 220px; width: calc(100% - 2px);}
.tab-content .training-container .training-container-content.tc-content3{height: 155px; width: calc(100% - 2px);}

/* Table */
.component.html .tab-content .training-container table{width: 100%; border: 0;}
.tab-content .training-container table tr{border-bottom: 1px solid #ecebee!important;}
.tab-content .training-container table tr:last-of-type{margin-bottom: 0px;}
.tab-content .training-container table tr:nth-of-type(2n){background-color: #e5f1f4;}
.tab-content .training-container table tr td{background-color: transparent; padding: 6px;}
/* END - Training Content */
/* END - Single-Family - Training Secondary Page CSS */
/*** END - Single-Family - Training Landing/Secondary Page CSS, 10/20/2016 by sjvesapogu ***/