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';
  font-weight: normal;
  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; margin: 0 0 0 -10px;}
/* Common Styles */
#encase h3{margin:0} 
#encase h2{font-size: 15px; font-family: "Glypha-65Bold"; font-weight: normal;}
#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; font-size: 16px!important; line-height: 1.8em!important; text-align: left; padding: 30px; margin: 0 0 20px 0; box-sizing: border-box; background-color: #000f2b;}
/* remove important after the inline style is removed */

/*-------------- 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 div:first-child{border-bottom: 2px solid #009697!important;}
#encase .mult_f_buzz h2.ff{float: left; width: auto; color: #000f2b; padding: 0 0 3px 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; border-bottom: 0!important;}
#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-weight: bold; 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:467px; 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 3px 0; box-sizing: border-box; margin: 0 0 10px 0; 
border-bottom: 2px solid #007697;}
#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 3px 0; box-sizing: border-box; margin: 0 0 10px 0; 
border-bottom: 2px solid #007697;} 
/* 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: 20px; box-sizing: border-box; background-color:#ffffff;} 
#encase .sp-initiative h2.ff{float: left; width: 100%; color: #000f2b; padding: 0 0 3px 0; box-sizing: border-box; margin: 0 0 10px 0; border-bottom: 2px solid #007697;}
#encase .sp-initiative ul{margin: 0px; padding: 0px;}
#encase .sp-initiative ul li{margin: 0px 0px 4px 0px; list-style-type: none;}
#encase .sp-initiative ul li:first-child{margin: 10px 0px 4px 0px;}
#encase .sp-initiative ul li:last-child{margin: 0px;}

/* ---------- 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.sp-division-triple:link .sp-titles{color:#fff; text-align: center;}
#encase .sp-initiative a.sp-division-triple:visited .sp-titles{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{display: block; float: left; width: 209px; height: 74px; padding: 0; margin: 0 0 1px 0;
background-position: 0px 0px;}
/*-----------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.sp-division-triple:link,
#encase .sp-initiative a.sp-division-triple:visited{
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 3px 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    border-bottom: 2px solid #007697;
}
/* */
#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.sp-division-triple:hover,
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 3px 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    border-bottom: 2px solid #007697;
}
#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: -1px 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; padding: 13px 20px 11px 52px; margin-top: 0;}
#encase .button-bar-container.bbc-product-info a{padding: 0; margin: 0;}
#encase .button-bar-container.bbc-product-info a:not(:last-child){margin-bottom: 8px;}
#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-weight: bold; color: #415a7d; display: block;}
#mf-leadership-container li.section li.item a.expander p span{display: block; 
color: #415a7d;	font-size: 12.5px; line-height: 1.2; 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-weight: bold; font-size: 16px; color: #ffffff; 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: 0; 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 ***/
.component .cp-header, .component header, .component .cp-header.bold, .component header.bold{
border-bottom: 2px solid #007697!important;}
.component.subdued .cp-header, .component.subdued header, .component .cp-header.subdued, .component header.subdued{border-bottom: 2px solid #007697!important;}

/* 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: #000f2b; font-size: 15px; font-weight: normal; margin: 0 0 2px 0; padding: 0 0 2px 0;
border-bottom: 2px solid #007697;}
.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 ul{padding: 0; margin: 0 0 15px 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; font-size: 15px; padding: 10px 12px 10px 12px;}
.speciality-dropdown .sd-description{color: #ffffff; padding: 0 12px 10px 12px;}

div.sd-dropdown-div{position: relative; 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: 0px!important;}
.header-container-left p:not(:last-child){margin-bottom: 10px !important;}
.header-container-left p a{color: #00acdc;}
.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.ts-height77{min-height: 77px;}

.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 - 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 */
/* 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 */


/* START - Single-Family - Training Secondary Page */
/* 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 */
/*** END - Single-Family - Training Landing/Secondary Page CSS, 10/20/2016 by sjvesapogu ***/


/*** START - Single-Family - Form CSS, 01/23/2017 by sjvesapogu ***/
.status{color: #b03535;}
.user-profile-form .required-fields{font-style: normal; padding-left: 0; padding-top: 20px; margin-left: 3px;}

/* START - Single-Family - Uniform Closing Dataset Vendor Form Page */
.cp-section.user-profile.user-profile-form{overflow: hidden; margin-top: -20px; width: 100%;}
.cp-section.user-profile.user-profile-form.upf-margin-t0{margin-top: 0px;}
.user-profile-form #newsletter{padding: 0;}
.user-profile-form article{width: 100%; margin-right: 0; background: none; border-right: 0; border-bottom: 0;}
.html-data .user-profile-form article h3{margin-top: 0; margin-bottom: 0; margin-left: 3px; font-weight: normal; color: #000f2b; border-bottom: 2px solid #007697;}
#userInformation.user-information-form{padding-top: 20px; padding-bottom: 15px; margin-left: 3px;}
.user-profile-form #newsletter label{margin-top: 0;}
.user-information-form label{cursor: text !important; width: 422px; line-height: 18px; margin-top: 0px; color: rgb(0, 15, 43); font-size: 14px; vertical-align: top; 	margin-bottom: 5px;}
.user-information-form input, .user-information-form textarea{width: 400px;}
.user-information-form select{width: 422px;}
.user-information-form input, .user-information-form select, .user-information-form textarea{line-height: 20px; border-radius: 0px; vertical-align: middle; background-color: rgb(229, 241, 244); border: 1px solid rgb(229, 241, 244); box-shadow: 0px 0px 0px transparent inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; font-size: 14px; color: rgb(1, 23, 45); padding: 10px; margin-bottom: 15px;}
.user-information-form input:focus, .user-information-form select:focus, .user-information-form textarea:focus{border-color: rgba(1, 23, 45, 0.2); outline: thin dotted \9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);}
.user-profile-form #newsletter button, .user-profile-form #newsletter input[type="button"], .user-profile-form #newsletter input.button[type="submit"]{background: rgb(0, 15, 43) none repeat scroll 0% 0%; color: rgb(0, 172, 220); text-transform: capitalize; border: medium none; padding: 10px 30px; margin-left: 3px; font-size: 14px; border-radius: 0px;box-shadow: none;}
/* END - Single-Family - Uniform Closing Dataset Vendor Form Page */

/* START - Single-Family - UCD Vendor Form Signup Success Page */
.cp-section.user-profile.user-profile-success{overflow: hidden; width: calc(100% - 20px); padding: 0 10px 20px 10px; margin-top: 20px; background-color: #ffffff; min-height: 550px;}

.user-profile-success nav{background: none; border-top: 0; margin-left: 0;}
.html-data .user-profile-success nav h3{margin-top: 20px; margin-bottom: 20px; font-weight: normal; color: #000f2b; border-bottom: 2px solid #007697;}

.user-profile-success #newsletter{padding: 0;}
.user-profile-success article{width: calc(100% - 228px); margin-right: 0; background: none; border-right: 0; border-bottom: 0;}
.html-data .user-profile-success article h3{margin-top: 20px; margin-bottom: 0; font-weight: normal; color: #000f2b; border-bottom: 2px solid #007697;}
/* END - Single-Family - UCD Vendor Form Signup Success Page */

/* STARTS - Single-Family - Notification Center Form Page */
.user-information-form #companyType{width: 208px; margin-right: 10px;}
.user-information-form #responsibility{width: 200px;}

.user-profile-form #newsletter #subscriptions{padding-top: 20px; padding-bottom: 15px; margin-left: 3px;}
.user-profile-form #newsletter #subscriptions input[type="checkbox"]{float: left; width: auto; margin-right: 5px; margin-bottom: 0px; margin-left: 0px;}
.user-profile-form #newsletter #subscriptions p{margin: 8px 0px 20px;}
.user-profile-form #newsletter #subscriptions p:last-child{margin: 8px 0px 15px;}
label.validation-failed{color: #b03535;}

.user-profile .validation-message{padding-top: 20px; margin-left: 3px; color: #b03535;}
.user-profile .validation-message .heading{margin-bottom: 5px;}
.user-profile .validation-message span:not(:first-child){margin-left: 10px; margin-bottom: 2px;}
.user-profile .validation-message span:last-child{margin-bottom: 0px;}
/* END - Single-Family - Notification Center Form Page */
/*** END - Single-Family - Form CSS, 01/23/2017 by sjvesapogu ***/


/*** START - Refresh Icon CSS, 04/19/2017 by sjvesapogu ***/
.refresh-icon{padding: 0px 4px 2px; border-radius: 4px; color: #ffffff; background-color: #387B41;}
/*** END - Refresh Icon CSS, 04/19/2017 by sjvesapogu ***/


/*** START - Table Sorting CSS, 04/25/2017 by sjvesapogu ***/
h2.h2-margin-t30{margin-top: 30px;}

/* START - Search Table Filter */
input.search-input-field{width: 100%; height: 40px; padding: 10px; margin-bottom: 20px; color: #01172d; border-radius: 0; vertical-align: middle; background-color: #e5f1f4; border: 1px solid #e5f1f4; box-shadow: inset 0px 0px 0px transparent; transition: border linear .2s, box-shadow linear .2s;}
input.search-input-field:focus{border-color: rgba(1, 23, 45, 0.2); outline: thin dotted \9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);}
input.search-input-field:-ms-input-placeholder{color: #999999;}
/* END - Search Table Filter */

/* START - Table Sorting */
.tablesorter{border-top: 0!important; border-left: 1px solid #ecebee!important; border-right: 1px solid #ecebee!important; border-bottom: 1px solid #ecebee!important;}
.tablesorter th.tablesorter-header{background: #e5f1f4 url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat right 12px; padding: 4px 20px 4px 6px!important; font-size: 14px!important; font-weight: bold; line-height: 1.1em; vertical-align: top; white-space: normal;	cursor: pointer;}
.tablesorter th.headerSortUp, .tablesorter th.tablesorter-headerSortUp,
.tablesorter th.tablesorter-headerAsc{background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);}
.tablesorter th.headerSortDown, .tablesorter th.tablesorter-headerSortDown,
.tablesorter th.tablesorter-headerDesc{background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);}
.tablesorter tbody tr td{background-color: #ffffff!important; padding: 3px 6px!important; line-height: 1.1em; text-align: center; border-top: 1px solid #ecebee; border-right: 1px solid #ecebee;}
.tablesorter tbody tr td:first-child{text-align: left; padding-left: 20px;}
.tablesorter tbody tr:last-child td{border-bottom: 0;}
.tablesorter tbody tr td:last-child{border-right: 0;}
/* END - Table Sorting */
/*** END - Table Sorting CSS, 04/25/2017 by sjvesapogu ***/


/*** START - DU Validation Vendor List, 08/08/2017 by sjvesapogu ***/
/* START - FM Toggle Container */
.fm-toggle-container{overflow: hidden; width: 100%;}

/* FM Toggle Wrapper */
.fm-toggle-container .fm-toggle-wrapper{overflow: hidden; width: 100%;}
.fm-toggle-container .fm-toggle-wrapper:last-child{margin-bottom: 25px;}
 
/* FM Toggle Header */
.fm-toggle-container a.fm-toggle-header{position: relative; display: block; 
font-weight: bold; color: #007697; text-decoration: none!important; 
padding: 9px 30px 10px 15px; border-top: 1px solid #007697; box-sizing: border-box;}
.fm-toggle-container .fm-toggle-wrapper:last-child a.fm-toggle-header{border-bottom: 1px solid #007697;}
.fm-toggle-container a.fm-toggle-header.fm-toggle-header-bb1{border-bottom: 1px solid #007697;}
.fm-toggle-container a.fm-toggle-header.active{color: #ffffff; background-color: #007697;}

/* FM Toggle Header Plus/Minus */
.fm-toggle-container a.fm-toggle-header .fm-plus-minus{position: absolute; top: 8px; right: 0; 
width: 26px; height: 26px;}
.fm-toggle-container a.fm-toggle-header .fm-plus-minus:after{content: "+";
 color: #007697; font: normal 24px/21px 'Arial';}
.fm-toggle-container a.fm-toggle-header.active .fm-plus-minus{
color: #ffffff; font: normal 24px/21px 'Arial';}
.fm-toggle-container a.fm-toggle-header.active .fm-plus-minus:after{content: "-";
 color: #ffffff; font: normal 24px/21px 'Arial'; width: 24px;}

/* FM Toggle Content */
.fm-toggle-container .fm-toggle-content{overflow: hidden; color: black; padding: 10px 15px 20px;}
.fm-toggle-container .fm-toggle-wrapper:last-child .fm-toggle-content{border-bottom: 1px solid #007697;}
.fm-toggle-container .fm-toggle-content.fm-toggle-content-pb10{padding-bottom: 10px;}

.fm-toggle-container .fm-toggle-content p:last-child{margin-bottom: 0;}
/* END - FM Toggle Container */
/*** END - DU Validation Vendor List, 08/08/2017 by sjvesapogu ***/


/*** START - Learning Series & eMortgage CSS, 09/14/2017 by sjvesapogu ***/
/* Learning Series - Text over text */
.learning-series-container{position: relative; width: 712px; height: 200px; margin: 15px 0 20px;}

.learning-series-text{position: absolute; z-index: 1; left: 0; width: calc(100% - 40px); height: 160px; padding: 20px; color: #ffffff; background-color: rgba(0, 0, 0, 0.3);}
.learning-series-text .learning-series-title{color: #f7c32b; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; font-family: 'Glypha-65Bold';}
.learning-series-text .learning-series-descrption{color: #ffffff; font-size: 16px; margin-bottom: 10px!important; margin-top: 0;}

.learning-series-text ul.learning-series-list{margin: 15px 0px 0px; padding: 0px 0px 0px 15px;}
.learning-series-text ul.learning-series-list li.learning-series-link{font-size: 16px; margin: 0 0 3px 0!important;}
.html li.learning-series-link a, .html li.learning-series-link a:active, html li.learning-series-link a:visited{color: #ffffff; text-decoration: none;}
.html li.learning-series-link a:hover, .html li.learning-series-link a:hover:active, .html li.learning-series-link a:hover:visited{text-decoration: underline;}

/* eMortgage - Text description */
.emortgage-description{margin: 10px 0!important;}
/*** END - Learning Series & eMortgage CSS, 09/14/2017 by sjvesapogu ***/


/*** START - Single-Family - HomeReady Mortgage CSS, 10/10/2017 by sjvesapogu ***/
.generic-content-wrapper{overflow: hidden; width: 100%; padding: 0; margin: 20px 0;}
.generic-content-wrapper .generic-content-wrapper-left{float: left; width: calc(50% - 10px); padding: 0; margin: 0 10px 0 0;}
.generic-content-wrapper .generic-content-wrapper-right{float: left; width: calc(50% - 10px); padding: 0; margin: 0 0 0 10px;}
.generic-content-wrapper .generic-content-wrapper-right.gcwr-margin-t15{margin-top: 15px;}
/*** END - Single-Family - HomeReady Mortgage CSS, 10/10/2017 by sjvesapogu ***/


/*** START - Multifamily - DUS Awards CSS, 03/12/2018 by sjvesapogu ***/
/* Header */
.generic-header{overflow: hidden; background-color: #ffffff; top: 10px; margin: 0px -10px 10px;}
.generic-header-image{margin: -5px 0 0 120px !important;}
.generic-header-text{position: absolute!important; margin: 0px; padding: 34px 50px; line-height: 51px; font-size: 54px; font-family: "Glypha-65Bold";}
.generic-header-secondary-text{color: rgb(153, 102, 15); line-height: 1.2em; font-size: 36px!important; overflow: hidden !important; margin-top: 12px;}

/* Content */
.dus-awards-container{overflow: hidden; width: calc(100% - 80px); margin: 0px; padding: 25px 40px;}

/* Content - Text & Video */
.dus-awards-container .dus-awards-text-and-video{width: 100%; overflow: hidden; margin-bottom: 20px;}
.dus-awards-text-and-video .dus-awards-text-and-video-left{width: 45%; float: left;}
.dus-awards-text-and-video .dus-awards-text-and-video-right{width: calc(55% - 40px); margin-left: 40px; float: left;}

/* Content - Text */
.dus-awards-text{margin: 0px 0px 20px!important; text-align: left; color: rgb(0, 15, 43); line-height: 1.3em; font-family: "Univers-45Light"; font-size: 18px;}
.dus-awards-text.dat-margin-b40{margin: 0px 0px 40px!important;}
.dus-awards-text.dat-text-name{font-weight: bold;}

/* Content - Video */
.dus-awards-video{margin: 0px; border: 1px solid rgb(178, 178, 178); border-image: none; width: calc(100% - 2px);}

/* Content - Award Set1 */
.dus-awards-awardset1{overflow: hidden; width: 100%; padding: 0px 0px 40px;}

/* Content - Award Set1 Left */
.dus-awards-awardset1 .dus-awards-awardset1-left{margin: 0px; padding: 0px 30px 0px 0px; width: 230px; text-align: right; float: left;}
.dus-awards-awardset1 .dus-awards-awardset1-left.awardset1-left-border{border-right: 1px solid rgb(178, 178, 178);}
.dus-awards-awardset1-left img{width: 230px; margin-bottom: 20px;}
.dus-awards-awardset1-left span.awards-title{color: rgb(153, 102, 15); line-height: 1.2em; font-family: "Glypha-65Bold"; font-size: 18px; margin-bottom: 10px; display: block;}
.dus-awards-awardset1-left span.awards-name{color: rgb(0, 15, 43); line-height: 1.2em; font-size: 14px; font-weight: bold; margin-bottom: 7px; display: block;}
.dus-awards-awardset1-left span.awards-name.an-margin-b0{margin-bottom: 0px;}

/* Content - Award Set1 Right */
.dus-awards-awardset1 .dus-awards-awardset1-right{width: calc(100% - 291px); padding-left: 30px; float: left;}
/* Firefox zoom-in fix */
.dus-awards-awardset1 .dus-awards-awardset1-right, x:-moz-any-link, x:default{width: calc(100% - 294px);}
.dus-awards-awardset1 .dus-awards-awardset1-right.awardset1-right-border{border-left: 1px solid rgb(178, 178, 178);}
.dus-awards-awardset1-right .quote{margin: 0px!important; color: rgb(153, 102, 15); line-height: 1.5em; font-size: 16px;}
.dus-awards-awardset1-right .quote span{color: rgb(0, 15, 43); font-family: "Univers-45Light";}

/* Content - Award Set2 */
.dus-awards-awardset2{overflow: hidden; width: 100%; padding: 0px 0px 40px;}

/* Content - Award Set2 Left */
.dus-awards-awardset2 .dus-awards-awardset2-left{width: calc(100% - 291px); padding-right: 30px; float: left;}
/* Firefox zoom-in fix */
.dus-awards-awardset2 .dus-awards-awardset2-left, x:-moz-any-link, x:default{width: calc(100% - 294px);}
.dus-awards-awardset2 .dus-awards-awardset2-left.awardset2-left-border{border-right: 1px solid rgb(178, 178, 178);}
.dus-awards-awardset2-left .quote{margin: 0px!important; color: rgb(153, 102, 15); line-height: 1.5em; font-size: 16px;}
.dus-awards-awardset2-left .quote span{color: rgb(0, 15, 43); font-family: "Univers-45Light";}

/* Content - Award Set2 Right */
.dus-awards-awardset2 .dus-awards-awardset2-right{margin: 0px; padding: 0px 0px 0px 30px; width: 230px; text-align: left; float: left;}
.dus-awards-awardset2 .dus-awards-awardset2-right.awardset2-right-border{border-left: 1px solid rgb(178, 178, 178);}
.dus-awards-awardset2-right img{width: 230px; margin-bottom: 20px;}
.dus-awards-awardset2-right span.awards-title{color: rgb(153, 102, 15); line-height: 1.2em; font-family: "Glypha-65Bold"; font-size: 18px; margin-bottom: 10px; display: block;}
.dus-awards-awardset2-right span.awards-name{color: rgb(0, 15, 43); line-height: 1.2em; font-size: 14px; font-weight: bold; margin-bottom: 7px; display: block;}
.dus-awards-awardset2-right span.awards-name.an-margin-b0{margin-bottom: 0px;}

/* Content - hr */
.dus-awards-hr{margin: 0px; padding-bottom: 40px; clear: both; border-top-color: rgb(178, 178, 178); border-top-width: 1px; border-top-style: solid;}
/*** END - Multifamily - DUS Awards CSS, 03/12/2018 by sjvesapogu ***/


/*** START - SF - Begin the Fannie Mae Seller/Servicer Application CSS, 05/02/2018 by sjvesapogu ***/
.fm-toggle-header .fm-toggle-header-image{float: left; width: 20px; height: 20px; margin-right: 7px; margin-top: -2px;}
/*** END - SF - Begin the Fannie Mae Seller/Servicer Application CSS, 05/02/2018 by sjvesapogu ***/


/*** START - Search Results SCC, 12/06/2018 by slane ***/
/* CSS Document */
#searchbox { 
	display: block; 
	left: 60px; 
}
#searchbox div.CoveoSearchbox a.CoveoSearchButton { 
	border: none; 
	height: 38px; 
}
#searchbox div.CoveoSearchbox span.coveo-search-button { 
	background: rgb(0, 15, 43) url("/cp_resources/styles/assets/search-bg.png") no-repeat scroll -1px -1px; 
	height: 38px; 
	width: 35px; 
}
#searchbox div.CoveoSearchbox svg.coveo-search-button-svg { 
	display: none; 
}
#searchbox div.CoveoOmnibox, div.magic-box {
	border: none;
}
#searchbox div.magic-box-input { 
	background: #4d586a none repeat scroll 0 0 ; 
}

.magic-box .magic-box-input {
    background: #fff none repeat scroll 0 0;
    height: 38px;
    overflow: hidden;
    position: relative;
}
.magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input {
    box-sizing: border-box;
    color: #333;
    display: block;
    font-family: arial,sans-serif;
    font-size: 13px;
    height: 39px;
    left: 0;
    line-height: 14px;
    overflow: hidden;
    padding: 12px 0;
    position: absolute;
    text-align: left;
    text-indent: 12px;
    top: 0;
    white-space: pre;
    width: 100%;
}
.magic-box ::placeholder {
	color:#ffffff;
	opactiy: 1;
}
.CoveoSearchbox .magic-box .magic-box-input > input {
    color: #fff;
}
.magic-box .magic-box-clear {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: width 0.3s ease 0s;
	opacity: 0.3;
    width: 0;
}
.CoveoSearchButton {
    border: 1px solid #bcc3ca;
    color: white;
    cursor: pointer;
    height: 50px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 56px;
}
.CoveoSearchbox .magic-box .magic-box-input {
    border-radius: 0;
}
.magic-box {
    border: 1px solid #9e9e9e;
    color: #212121;
    position: relative;
    right: 0;
    text-align: left;
}
.magic-box.magic-box-notEmpty .magic-box-clear {
    right: 5px;
    width: 48px;
}
.magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
  display: block;
}
.magic-box .magic-box-suggestions {
  clear: both;
  position: absolute;
  top: 100%;
  left: 0;
  right: 61;
  overflow: hidden;
  background: #4d586a;
  z-index: 1;
  display: none;
  font-family: arial, sans-serif;
  border: none;
}
.magic-box .magic-box-suggestions .magic-box-suggestion-seperator,
.magic-box .magic-box-suggestions .magic-box-suggestion {
  opacity: 1;
  transition: opacity 0.3s;
}
.magic-box .magic-box-suggestions.magic-box-suggestions-loading .magic-box-suggestion-seperator,
.magic-box .magic-box-suggestions.magic-box-suggestions-loading .magic-box-suggestion {
  opacity: 0;
}
.magic-box .magic-box-suggestions .magic-box-suggestion-seperator {
  padding: 12px 12px 0;
  line-height: 24px;
  font-size: 13px;
  font-weight: bold;
  background: #fff;
  overflow: hidden;
  height: 36px;
  border-top: 1px solid #e0e0e0;
  color: #fff;
}
.magic-box .magic-box-suggestions .magic-box-suggestion-seperator:first-child {
  border-top: none;
}
.magic-box .magic-box-suggestions .magic-box-suggestion-seperator .magic-box-suggestion-seperator-label {
  float: left;
  margin-right: 12px;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.magic-box .magic-box-suggestions .magic-box-suggestion-seperator:after {
  content: '';
  display: block;
  position: relative;
  top: 50%;
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}
.magic-box .magic-box-suggestions .magic-box-suggestion-seperator + .magic-box-suggestion {
  border-top: none;
}
.magic-box .magic-box-suggestions .magic-box-suggestion {
  cursor: pointer;
  line-height: 24px;
  padding: 12px;
  font-size: 13px;
  background: #4d586a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  color: #fff;
}
.magic-box .magic-box-suggestions .magic-box-suggestion .magic-box-hightlight {
  font-weight: bold;
  color: #fff;
}
.magic-box .magic-box-suggestions .magic-box-suggestion:first-child {
  border-top: none;
}
.magic-box .magic-box-suggestions .magic-box-suggestion.magic-box-selected {
  background: #4d586a !important;
}
.magic-box .magic-box-suggestions .magic-box-suggestion:hover {
  background: #4d586a ;
}
.magic-box.magic-box-inline {
  overflow: hidden;
}
.magic-box.magic-box-inline .magic-box-suggestions.magic-box-hasSuggestion {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  border: none;
  border-top: 1px solid #9e9e9e;
}

.coveo-facet-breadcrumb-value.coveo-selected *, .coveo-facet-slider-breadcrumb-value.coveo-selected * {
    color: #007697;
}

.coveo-facet-value.coveo-facet-search-button {
    color: #007697;
}

#search #noResultsLanguage { 
	margin-left: 10px; 
	line-height: 1.5em; 
}
#search .CoveoDidYouMean {
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    text-align: left;
}
#search .coveo-did-you-mean-word-correction {
    font-weight: bold;
    padding-left: 2px;
}
#search .CoveoOmnibox.magic-box .coveo-omnibox-hightlight {
    color: #00d6ff;
    font-weight: bold;
}
#search .CoveoOmnibox.magic-box .coveo-omnibox-hightlight2 {
    color: #00d6ff;
    font-style: normal;
    font-weight: bold;
}

#recommendation .CoveoRecommendation {
    border: medium none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
#recommendation .CoveoSearchInterface {
    min-width: 100px;
    width: auto;
}
#recommendation .coveo-recommendation-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 10px 0;
}
#recommendation .coveo-recommendation-title {
    border-bottom: 2px solid #007697 !important;
    color: #000f2b;
    font-family: "Glypha-65Bold";
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 2px;
    padding-left: 0;
    text-align: left;
}
#recommendation .coveo-recommendation-body .CoveoResultList .CoveoResult {
    border-bottom: medium none;
    border-top: none;
    margin: 0;
    padding: 0;
}
#recommendation .CoveoResultLink, a.CoveoResultLink, .CoveoResult a.CoveoResultLink {
    color: #007697;
}
#recommendation .CoveoResultLink, a.CoveoResultLink, .CoveoResult a.CoveoResultLink {
    color: #007697;
    cursor: pointer;
    font-family: "Univers-55Roman","Arial",sans-serif;
    font-size: 14px;
    overflow-wrap: break-word;
    text-decoration: none;

}

.CoveoRecommendation {
    border: medium none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0;
    position: relative;
    min-width: 100px !important;
    width: auto;
}
/*** END - Search Results SCC, 12/06/2018 by slane ***/


/*** START - REO Repair Contractors CSS, 09/27/2018 by sjvesapogu ***/
/** Part1 **/
.repair-contractors-container1{width: 100%; overflow: hidden; margin-top: -20px;}
	
/* Menu with Drop Down Sub Menu */
.dropdown{position: relative; display: inline-block;}
.dropdown-content{display: none; position: absolute; z-index: 1; min-width: 160px; background-color: #e5f1f4; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a{display: block; padding: 10px 20px; text-decoration: none; font-weight: normal; font-size: 14px; border-bottom: 1px solid #dae2ea;}
.dropdown-content a:last-child{border-bottom: 0;}
.tab1-link:hover .dropdown-content.dc1{display: block; top: 40px; left: -10px;}
.tab2-link:hover .dropdown-content.dc2{display: block; top: 40px; left: 118px;}
.tab3-link:hover .dropdown-content.dc3{display: block; top: 40px; left: 317px;}
.tab4-link:hover .dropdown-content.dc4{display: block; top: 40px; left: 433px;}
.tab5-link:hover .dropdown-content.dc5{display: block; top: 40px; left: 433px;}
	
/* Header Title */
.component .cp-header.cph-margin{margin: 30px 0px 1em;}
	
/* Fannie Mae Insights */
.repair-contractors-container1 .fannie-mae-insights{width: 100%; overflow: hidden; margin-bottom: 30px;}
.repair-contractors-container1 .fannie-mae-insights.fmi-margin-b0{margin-bottom: 0;}
.repair-contractors-container1 .fannie-mae-insights.fmi-margin-b10{margin-bottom: 10px;}
.repair-contractors-container1 .fannie-mae-insights.fmi-margin-b20{margin-bottom: 20px;}

.fannie-mae-insights .fmi-content{width: 100%; overflow: hidden;}
.fannie-mae-insights .fmi-content .fmi-content-image{margin-right: 20px; margin-top: 3px; float: left; display: block;}
.fannie-mae-insights .fmi-content .fmi-content-image.fci-margin-t12{margin-top: 12px;}
.fannie-mae-insights .fmi-content .fmi-content-image p{background: rgb(217, 215, 220); margin: -4px 0px 0px; padding: 12px 0px; width: 100px; text-align: center; color: rgb(0, 15, 43); font-family: "Glypha-55Roman"; font-size: 16px;}
.fannie-mae-insights .fmi-content .fmi-content-text{width: calc(100% - 160px); float: left;}

/** Part2 **/
.repair-contractors-container2{width: 100%; overflow: hidden; margin-top: -20px;}
	
/* Repair Contractors */
.generic-basic-carousel.gbc-border0{border: 0;}
.generic-basic-carousel .generic-carousel-item.gci-height261{height: 261px;}
.generic-carousel-item .gci-width344-height258{width: 344px; height: 258px;}
.generic-content-wrapper.gcw-margin-0{margin: 0;}
	
/* REO FAQS */
.fm-toggle-container.fmtc-margin-b10{margin-bottom: 10px;}
	
.fm-toggle-container.fmtc-tiles a.fm-toggle-header{font-weight: normal;}
.fm-toggle-container.fmtc-tiles a#fm-toggle-header3{border-bottom: 1px solid #007697;}
.fm-toggle-container.fmtc-tiles a#fm-toggle-header3.active{border-bottom: 0;}
.fm-toggle-container.fmtc-tiles #fm_toggle3{border-bottom: 1px solid #007697;}
/*** END - REO Repair Contractors CSS, 09/27/2018 by sjvesapogu ***/


/*** START - Case Study Container CSS, 11/15/2018 by sjvesapogu ***/
/* homeready-case-study-on-q-financial and homeready-case-study-on-fulton-bank */
.case-study-container{overflow: hidden; width: 100%; margin: -70px 0 0 -10px; padding: 20px 10px 0; background-color: #ffffff;}

/* Case Study Content Title */
.case-study-container h1.case-study-content-title{margin: 0 0 20px 20px; color: #007697; font-family: "Glypha-45Light", "Georgia", "Century", serif; font-size: 24px;}
.case-study-container h1.case-study-content-title span{color: #000f2b; font-family: "Glypha-65Bold", "Georgia", "Century", serif;}
.case-study-container.sf-csc-case-studies .case-study-container h1.case-study-content-title span{margin-left: -7px;}
	
/* START - Case Study Header Container */
/* Text Overlay Image */
.case-study-container .case-study-header-container{position: absolute; margin: 0px 0px 0px -10px; width: 900px;}
.case-study-header-container img{position: relative;}
.case-study-header-container h1{position: absolute; top: 25px; right: 0; background: #018eb2; margin: 0px -60px 0px 0px; padding: 30px 60px; width: 50%; color: #ffffff; line-height: 1.2em; font-family: "Univers-45Light"; font-size: 18px; font-weight: normal;}
.case-study-container.sf-csc-case-studies .case-study-header-container h1.cshc1{padding: 27px 30px 27px 40px; width: 63%;}
.case-study-container.sf-csc-case-studies .case-study-header-container h1.cshc2{padding: 37px 50px; width: 59%;}
.case-study-container.sf-csc-case-studies .case-study-header-container h1.cshc3{padding: 25px 50px; width: 60%;}
/* END - Case Study Header Container */

/* START - Case Study Content Container */
.case-study-content-container{float: left; overflow: hidden; width: calc(100% - 40px); clear: both; padding: 20px 20px 10px; margin-top: 262px;}

/* View PDF Button */
.case-study-content-container .case-study-view-pdf-button{background: #000f2b; padding: 10px 30px; border-radius: 5px; margin-bottom: 20px; float: right;}
.case-study-content-container .case-study-view-pdf-button a{color: #ffffff;}
.case-study-content-container .case-study-view-pdf-button a i{margin-left: 5px;}

/* Case Study Content */
.case-study-content-container .case-study-content{width: 100%; overflow: hidden; clear: both;}
	
/* START - Content Left */
.case-study-content-left{float: left; width: calc(50% - 25px); padding: 0 25px 0 0; margin: 0;}
	
.case-study-content-left h2{color: rgb(0, 15, 43); font: 20px "Glypha-65Bold", "Georgia", "Century", serif; line-height: 1.4em; padding: 0 0 20px 0; margin: 0;}
.case-study-content-left h2.cscl-secondary-title{font-size: 16px; line-height: 1.2em; padding: 0 0 20px 0;}
	
.case-study-content-left p{padding: 0 0 20px 0; margin: 0 !important; line-height: 1.4em;}
.case-study-content-left p:last-child{padding: 0;}
.case-study-content-left p.csc-blue-text, .case-study-content-right p.csc-blue-text{color: #007697; font-size: 18px; font-family: "Glypha-45Light"; line-height: 1.2em;}
.case-study-content-left p.csc-dark-blue-text, .case-study-content-right p.csc-dark-blue-text{color: #000f2b; font-size: 18px; font-family: "Glypha-55Roman"; line-height: 1.2em;}

/* Gray Tile */
.case-study-content-left .cscl-gray-tile{overflow: hidden; width: 370px; padding: 40px; margin: 0 0 30px -30px; position: absolute; color: rgb(102, 102, 102); background-color: rgb(242, 242, 242);}

/* Text Link */
.case-study-content-container h2.cscl-text-link{font: 18px/1.3em "Glypha-65Bold", "Georgia", "Century", serif; font-size-adjust: none; font-stretch: normal; margin: -80px 0 0 0 !important; padding: 0; width: 400px;}
/* END - Content Left */	
	
/* START - Content Right */	
.case-study-content-right{float: left; width: calc(50% - 25px); padding: 0 0 0 25px; margin: 0;}

.case-study-content-right h2{color: rgb(0, 15, 43); font: 20px "Glypha-65Bold", "Georgia", "Century", serif; line-height: 1.4em; padding: 0 0 20px 0; margin: 0;}
.case-study-content-right h2.cscr-secondary-title{font-size: 16px; line-height: 1.2em; padding: 0 0 20px 0;}
	
.case-study-content-right p{padding: 0 0 20px 0; margin: 0 !important; line-height: 1.4em;}
.case-study-content-right p.cscr-disclaimer{color: rgb(102, 102, 102); padding: 0;}

/* Gray Tile */
.case-study-content-right .cscr-gray-tile{padding: 30px; color: rgb(102, 102, 102); background-color: rgb(242, 242, 242);}
.case-study-content-right .cscr-gray-tile h2{font: 20px/normal "Glypha-65Bold", "Georgia", "Century", serif; padding: 0 0 20px 0; margin: 0; font-size-adjust: none; font-stretch: normal;}
.case-study-content-right .cscr-gray-tile p{line-height: 1.3em;}
.case-study-content-right .cscr-gray-tile p:last-child{padding: 0;}
	
/* Text Link */
.case-study-content-right h2.cscr-text-link{font: 18px/1.3em "Glypha-65Bold", "Georgia", "Century", serif; color: rgb(0, 118, 151); font-size-adjust: none; font-stretch: normal; margin: 0 !important; padding: 20px 0 10px 0;}
.case-study-content-right h2.cscr-text-link.ctl-padding-t0{padding-top: 0;}
.case-study-content-right h2.cscr-text-link a{color: rgb(0, 15, 43); font-size-adjust: none; font-stretch: normal;}
.case-study-container.sf-csc-case-studies .case-study-content-right h2.cscr-text-link{color: #000f2b; padding: 250px 0 0 0;}
.case-study-container.sf-csc-case-studies .case-study-content-right h2.cscr-text-link.ctl-padding-t190{padding: 190px 0 0 0;}
.case-study-container.sf-csc-case-studies .case-study-content-right h2.cscr-text-link a{color: #007697;}
/* END - Content Right */	

/* START - Case Study Quote */
.case-study-container .case-study-content-container .case-study-quote{float: left; width: 100%; margin: 50px 0 10px; color: #000f2b; font-family: "Glypha-45Light"; font-size: 22px; line-height: 1.3em;}
.case-study-container .case-study-content-container .case-study-quote.csq-margin0{margin: 0;}
.case-study-container .case-study-content-container .case-study-quote sup{bottom: 0.6ex; font-size: 18px;}
.case-study-container .case-study-content-container .case-study-quote sup i{font-size: 18px;}
.case-study-container .case-study-content-container .case-study-quote h4{color: rgb(0, 15, 43); padding-top: 15px; margin: 0; font-family: "Univers-55Roman"; font-size: 16px; font-weight: normal; line-height: 1.3em;}
.case-study-container .case-study-content-container .case-study-quote h4.csq-padding-t30{padding-top: 30px;}
.case-study-container .case-study-content-container .case-study-quote h4 em{font-weight: bold;}
/* END - Case Study Quote */
/* END - Case Study Content Container */


/* START - DU Validation Service Customer Spotlight */
/* day-1-certainty-delmar-testimonial.html */
.case-study-container#customer-spotlight h1.case-study-content-title{color: #005587;}
.case-study-container#customer-spotlight h1.case-study-content-title span{color: #003055;}
	
.case-study-container.sf-csc-case-studies#customer-spotlight .case-study-header-container h1.cshc1{padding: 47px 50px; background-color: #005587;}

#customer-spotlight .case-study-content-container .case-study-view-pdf-button{background: #003055;}

#customer-spotlight .case-study-content-container .case-study-content .case-study-content-left h2,
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-right h2{color: #003055;}
	
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-left h4,
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-right h4{color: #d4582a; font-size: 20px; margin: 0px; padding-bottom: 20px;}
	
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-left p.csc-blue-text, 
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-right p.csc-blue-text{color: #005587;}
	
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-left p.csc-blue-text span, 
#customer-spotlight .case-study-content-container .case-study-content .case-study-content-right p.csc-blue-text span{display: inline-block; font-size: 14px; margin-top: 10px;}
	
.case-study-container.sf-csc-case-studies#customer-spotlight .case-study-content-right h2.cscr-text-link{color: #003055; padding: 20px 0px 0px;}
.case-study-container.sf-csc-case-studies#customer-spotlight .case-study-content-right h2.cscr-text-link a{color: #215e9e; text-decoration: underline;}
/* END - DU Validation Service Customer Spotlight */
/*** END - Case Study Container CSS, 11/15/2018 by sjvesapogu ***/


/*** START - Standard Tabs Header and Content CSS, 3/14/2019 by sjvesapogu ***/
/* Tabs */
.standard-tabs.st-light-blue{margin-top: 30px;}
.standard-tabs.st-light-blue.stlb-margin-t10{margin-top: 10px;}
.standard-tabs.st-light-blue ul.tab-links{display: flex;}
.standard-tabs.st-light-blue ul.tab-links li{min-height: auto;}
.standard-tabs.st-light-blue ul.tab-links li.active{background-color: #007697;}
.standard-tabs.st-light-blue ul.tab-links li:hover{background-color: #007697;}

/* Tab Content */
.standard-tabs.st-light-blue ul.tab-content{border-top: 2px solid #007697;}
.standard-tabs.st-light-blue ul.tab-content.training-tab-content{border-bottom: 2px solid #007697;}
/*** END - Standard Tabs Header and Content CSS, 3/14/2019 by sjvesapogu ***/


/**********************GENERIC CSS - CSS used across the portal sites*********************/
/*** START - Generic Table CSS, 04/25/2017 by sjvesapogu ***/
.generic-table{border-top: 0!important;	border-left: 1px solid #ecebee!important; border-right: 1px solid #ecebee!important; border-bottom: 1px solid #ecebee!important;}
.generic-table thead th{background: #e5f1f4!important; font-size: 14px!important; font-weight: bold;}
.generic-table thead th, .generic-table tbody td{vertical-align: top; text-align: left; padding: 6px!important; border-top: 1px solid #ecebee; border-right: 1px solid #ecebee;}
.generic-table tbody tr td{background-color: #ffffff!important;}
.generic-table tbody tr td:last-child{border-right: 0;}
.generic-table tbody tr:last-child td{border-bottom: 0;}
/*** END - Generic Table CSS, 04/25/2017 by sjvesapogu ***/


/*** START - Generic Table 4 CSS, 12/11/2018 by sjvesapogu ***/
table.generic-table4{border: 0!important;}

table.generic-table4 thead tr{border-bottom: 3px solid #007697 !important;}
table.generic-table4 thead tr th{background: #ffffff; color: #333333; padding: 20px 5px 20px 0 !important; border-right: 0; font-size: 14px !important; font-weight: bold; vertical-align: top;}
table.generic-table4 thead tr th:last-child{padding-right: 0 !important; border-right: 0;}

table.generic-table4 tbody tr{border-bottom: 3px solid #007697 !important;}
table.generic-table4 tbody tr td{background: #ffffff !important; padding: 20px 5px 20px 0 !important; color: #333333; border-right: 0; border-bottom: 0;}
table.generic-table4 tbody tr td:last-child{padding-right: 0 !important; border-right: 0;}

/* loan-delivery-release-notes */
.fm-toggle-container.fm-release-notes a.fm-toggle-header{font-size: 16px;}
.fm-toggle-container.fm-release-notes .fm-toggle-content{padding: 0 0 20px 0;}
/*** END - Generic Table 4 CSS, 12/11/2018 by sjvesapogu ***/


/*** START - Generic Table 5 CSS, 12/19/2018 by sjvesapogu ***/
/* authorized-los-integration-vendors */
/* table */
table.generic-table5{width: 100%; margin-top: 20px; border-spacing: 0; border-left: 1px solid rgba(0, 0, 0, 0.3) !important; border-right: 1px solid rgba(0, 0, 0, 0.3) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;}
table.generic-table5.gt5-margin-t0{margin-top: 0;}
table.generic-table5.gt5-margin-t30{margin-top: 30px;}
/* th */
.generic-table5 thead th{background: #e5f1f4; font-size: 14px !important; font-weight: bold; border-top: 1px solid rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.3); vertical-align: top;}
/* td */
.generic-table5 tbody tr td{background-color: #ffffff !important; border-top: 1px solid rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.3); vertical-align: top;}
.generic-table5 tbody td:last-child{border-right: 0;}
.generic-table5 tbody tr:last-child td{border-bottom: 0;}
/*** END - Generic Table 5 CSS, 12/19/2018 by sjvesapogu ***/


/*** START - Generic Drop Down CSS, 05/12/2017 by sjvesapogu ***/
form.generic-dropdown-box{width: calc(100% - 20px); margin: 20px 0 0 0; padding: 10px; border: 1px solid #d9d7dc; overflow: hidden;}

.generic-dropdown-box .generic-dropdown-box-heading{font-size: 15px; margin-bottom: 10px;}
.generic-dropdown-box .generic-dropdown-box-description{margin-bottom: 20px;}

.generic-dropdown{position: relative; width: 100%;}
/*Icon Background*/
.generic-dropdown:before{display: block; position: absolute; content: ""; right: 30px; top: 3px; width: 25px; height: 34px; background: #007697; z-index: 5; pointer-events: none;}
/*Icon*/
.generic-dropdown::after{content: ""; display: block; border-width: 5px; border-style: solid; border-color: #007697 transparent transparent; border-top-color: #ffffff; position: absolute; right: 15px; top: 18px; pointer-events: none;}
.generic-dropdown select{width: 100%; color: #ffffff; font-size: 14px; background: #007697;	margin: 0; padding: 12px 35px 10px 8px;	-webkit-appearance: none; -moz-appearance: none; border: none; cursor: pointer;}
.generic-dropdown select::-ms-expand{display: none;}
/*** END - Generic Drop Down CSS, 05/12/2017 by sjvesapogu ***/


/*** START - Generic Expand/Collapse CSS, 05/12/2017 by sjvesapogu ***/
/* Generic Expand/Collapse Header */
.generic-expand-collapse-container{margin: 20px 0px 10px; padding: 0px; width: 344px; box-sizing: border-box;}
.generic-expand-collapse-container h3{padding: 0; margin: 0;}
.generic-expand-collapse-container a.generic-expand-collapse-header{display: block; position: relative; font-size: 15px; color: black; text-decoration: none; padding: 0px 20px 3px 0px; border-bottom: 2px solid #007697;}
.generic-expand-collapse-container a:hover.generic-expand-collapse-header{text-decoration: none;}
/* Generic Expand/Collapse Header Plus/Minus */
a.generic-expand-collapse-header .ec-plus-minus{position: absolute; top: -1px; right: 0; color: #000f2b;}
a.generic-expand-collapse-header .ec-plus-minus:after{content: "+"; font: normal 24px/21px 'Arial';}
a.generic-expand-collapse-header.active .ec-plus-minus:after{content: "-"; font: normal 40px/21px 'Bookman Old Style'; 
position: absolute; top: -3px; right: -1px;}

.generic-expand-collapse-container .generic-expand-collapse-content-wrapper{border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204); padding: 10px; margin: 0; box-sizing: border-box; font-size: 14px;}
.generic-expand-collapse-container .generic-expand-collapse-content-wrapper p{margin: 0;}
.generic-expand-collapse-content-wrapper .generic-expand-collapse-content{margin: 20px 0 0 0;}
.generic-expand-collapse-content-wrapper .generic-expand-collapse-content a{display: block; margin: 0 0 5px 0;}
/*** END - Generic Expand/Collapse CSS, 05/12/2017 by sjvesapogu ***/


/*** START - Generic Arrow With Circle CSS, 07/20/2018 by sjvesapogu ***/
@font-face {
    font-family: 'icomoon';
    src: url('/content/Images/icomoon.eot');
    src: url('/content/Images/icomoon.eot?#iefix') format('embedded-opentype'),
         url('/content/Images/icomoon.woff') format('woff'),
         url('/content/Images/icomoon.ttf') format('truetype'),
         url('/content/Images/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.generic-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important; 
	speak: none; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	line-height: 1;

    /* avoid underlines */
    display: inline-block; 
	text-decoration: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;

    @media screen and handheld and (max-device-width: 1200px){
        font-weight: normal;
    }
}

.fm-arrow-left-circle:before{content: "\e900";}
.fm-arrow-left:before{content: "\e901";}
.fm-arrow-right-circle:before{content: "\e902";}
.fm-arrow-right:before{content: "\e903";}
.fm-minus-circle:before{content: "\e904";}
.fm-minus:before{content: "\e905";}
.fm-plus-circle:before{content: "\e906";}
.fm-plus:before{content: "\e907";}
.fm-search-circle:before{content: "\e908";}
.fm-search:before{content: "\e909";}
.fm-pause-circle:before{content: "\e90a";}
.fm-play-circle:before{content: "\e90b";}
/*** END - Generic Arrow With Circle CSS, 07/20/2018 by sjvesapogu ***/


/*** START - Generic Text Above Image - Right Rail Only CSS, 07/20/2018 by sjvesapogu ***/
.generic-text-overlay-image{position: relative; overflow: hidden; margin-top: 20px;}
.generic-text-overlay-image div{position: absolute; background: rgba(255, 255, 255, 0.7); padding: 10px 15px; color: #007697; font-size: 14px; font-weight: bold; line-height: 1.1em;}
.generic-text-overlay-image div span{position: absolute; margin: 3px 0 0 0;}

/* Senior Housing */
.generic-text-overlay-image.gtoi-width204-height150{width: 204px; height: 150px;}
/*** END - Generic Text Above Image - Right Rail Only CSS, 07/20/2018 by sjvesapogu ***/


/*** START - Generic Basic Carousel CSS, 07/23/2018 by sjvesapogu ***/
.generic-basic-carousel{position: relative; overflow: hidden; border: 1px solid #ecebee; border-image: none;}
.generic-basic-carousel.gbc-width344{width: 344px;}

/* Carousel Items */
.generic-basic-carousel .generic-carousel-item{display:none}
.generic-basic-carousel .generic-carousel-item.gci-height205{height: 205px;}
.generic-carousel-item a.gci-width344-height170{width: 344px; height: 170px;}

/* Carousel Controls */
.generic-basic-carousel .generic-carousel-controls{position: absolute; left: 50%; bottom: 0; width: 100%; height: 32px; margin-bottom: 1px; transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%); text-align: center;}
	
/* Carousel Arrows */	
.generic-carousel-controls .generic-carousel-control-left, 
.generic-carousel-controls .generic-carousel-control-right{cursor: pointer; position: absolute; top: 0; color: #00acdc !important; font-size: 26px; width: 26px;}
.generic-carousel-controls .generic-carousel-control-left{left: 6px;}
.generic-carousel-controls .generic-carousel-control-right{right: 6px;}

/* Carousel Navigation */
.generic-carousel-controls .generic-carousel-nav, 
.generic-carousel-controls .generic-carousel-nav:hover{position: relative; cursor: pointer; background-color: #00acdc; border-color: #00acdc; width: 10px; height: 10px; margin: 0; border-radius: 50%; display: inline-block; top: 3px;}
.generic-carousel-controls .generic-carousel-nav.gcn-active-item, 
.generic-carousel-controls .generic-carousel-nav.gcn-active-item:hover{top: 6px; cursor: default; background-color: #ffffff; border: 2px solid #00acdc; width: 12px; height: 12px;}	
/*** END - Generic Basic Carousel CSS, 07/23/2018 by sjvesapogu ***/


/*** START - Generic Carousel1 CSS, 04/03/2019 by sjvesapogu ***/
.generic-carousel1{position: relative; overflow: hidden; width: calc(100% - 2px); margin-top: 15px; border: 1px solid #ecebee; border-image: none;}
.generic-carousel1.gc1-margin-t20{margin-top: 20px;}

/* Carousel Items */
.generic-carousel1 .generic-carousel1-item{padding: 20px 20px 10px 20px; height: 220px;}
.generic-carousel1-item h3{margin: 0 0 10px 0;}
.generic-carousel1-item p{margin: 0;}

/* Carousel Controls */
.generic-carousel1 .generic-carousel1-controls{position: absolute; left: 50%; bottom: 0; width: calc(100% - 40px); height: 28px; margin-bottom: 10px; transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%); text-align: center;}
	
/* Carousel Arrows */	
.generic-carousel1-controls .generic-carousel1-control-left, 
.generic-carousel1-controls .generic-carousel1-control-right{cursor: pointer; position: absolute; top: 0; color: #00acdc !important; font-size: 26px; width: 26px;}
.generic-carousel1-controls .generic-carousel1-control-left{left: 0px;}
.generic-carousel1-controls .generic-carousel1-control-right{right: 1px;}

/* Carousel Navigation */
.generic-carousel1-controls .generic-carousel1-nav, 
.generic-carousel1-controls .generic-carousel1-nav:hover{position: relative; cursor: pointer; background-color: #00acdc; border-color: #00acdc; width: 10px; height: 10px; margin: 0; border-radius: 50%; display: inline-block; top: 3px;}
.generic-carousel1-controls .generic-carousel1-nav.gc1-active-item, 
.generic-carousel1-controls .generic-carousel1-nav.gc1-active-item:hover{top: 6px; cursor: default; background-color: #ffffff; border: 2px solid #00acdc; width: 12px; height: 12px;}	
/*** END - Generic Carousel1 CSS, 04/03/2019 by sjvesapogu ***/


/*** START - Generic 2 Column and 3 Column Tile CSS, 09/27/2018 by sjvesapogu ***/
/* multifamily/student-housing */
.generic-tile-container{overflow: hidden; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; /*removes last row margin bottom*/}
.generic-tile-container.gtc-margin-b10{margin-bottom: -20px;}
.generic-tile-container.gtc-margin-b15{margin-bottom: -15px;}
.generic-tile-container.gtc-margin-b20{margin-bottom: -10px;}
.generic-tile-container.gtc-margin-b30{margin-bottom: 0;}
.generic-tile-container.gtc-margin-t20{margin-top: 20px;}
	
.generic-tile-container .generic-tile{float: left; padding: 20px; border: 1px solid #666F80; margin-bottom: 30px;}
	
.generic-tile-container .generic-tile img{width: 60px; height: 60px; margin: -7px auto 5px; display: block; text-align: center;}
.generic-tile-container .generic-tile strong{font-size: 16px; margin: 0 0 7px 0; display: block; text-align: center;}
.generic-tile-container .generic-tile a{text-align: center; display: block;}
.generic-tile-container .generic-tile a.text-link-left{text-align: left;}
	
/* 2 columns */
.generic-tile-container.gtc-col-2 .generic-tile{width: calc(50% - 57px); margin-right: 30px;}
.generic-tile-container.gtc-col-2 .generic-tile:nth-child(2n){margin-right: 0;}
/*.generic-tile-container.gtc-col-2 .generic-tile:nth-last-child(-n+2){margin-bottom: 0;}*/
	
/* 3 columns */
.generic-tile-container.gtc-col-3 .generic-tile{width: calc(33.33% - 57px); margin-right: 22.5px;}
.generic-tile-container.gtc-col-3 .generic-tile:nth-child(3n){margin-right: 0;}
/*.generic-tile-container.gtc-col-3 .generic-tile:nth-last-child(-n+3){margin-bottom: 0;}*/

/* 5 columns */
/* day-1-certainty-resources */
.generic-tile-container.gtc-col-5 .generic-tile{width: calc(20% - 34px); margin-right: 15px; padding: 15px 10px; position: relative;}
.generic-tile-container.gtc-col-5 .generic-tile:nth-child(5n){margin-right: 0;}
.generic-tile-container.gtc-col-5 .generic-tile img{height: auto; margin: 0px auto 10px;}
.generic-tile-container.gtc-col-5 .generic-tile a{line-height: 1.1em;}
.generic-tile-container.gtc-col-5 .generic-tile:nth-of-type(2n){background-color: #e5f1f4;}

/* singlefamily/shared-equity-and-homebuyer-assistance-programs */
.generic-tile-container .generic-tile p.generic-tile-text{margin: 5px 0px 0px 0px;}
/*** END - Generic 2 Column and 3 Column Tile CSS, 09/27/2018 by sjvesapogu ***/


/*** START - Generic 2 Column Number Tile CSS, 10/30/2018 by sjvesapogu ***/
/* Wrapper */
.generic-number-wrapper{overflow: hidden; width: 100%; margin-bottom: -20px;}
	
/* Container */
.generic-number-container{float: left; display: flex; align-items: center; width: calc(50% - 12px); margin: 0px 20px 20px 0px; border: 1px solid rgb(102, 111, 128);}
.generic-number-container:nth-child(2n){margin-right: 0;}
	
/* Left */
.generic-number-left{float: left; background-color: rgb(1, 142, 178); padding: 10px 15px; text-align: center; color: rgb(255, 255, 255); font-family: "Glypha-65Bold"; font-size: 16px;}
.generic-number-left div:first-child{font-size: 26px; margin-bottom: 3px; text-shadow: 3px 3px rgba(0,0,0,0.4);}
	
/* Right */
.generic-number-right{float: left; padding: 0px 15px; color: rgb(0, 15, 43); line-height: 1.4em; font-family: "Glypha-55Roman"; font-size: 16px;}
/*** END - Generic 2 Column Number Tile CSS, 10/30/2018 by sjvesapogu ***/	


/*** START - Generic Sub-Heading Expand/Collapse CSS, 12/19/2018 by sjvesapogu ***/
.generic-title-toggle-container{overflow: hidden; width: 100%; margin: 18px 0 30px 0;}

.generic-title-toggle-container .generic-title-toggle-header{position: relative; margin-bottom: 1em;}
.generic-title-toggle-container .generic-title-toggle-header a{display: block; position: relative; padding: 0 20px 3px 0; color: rgb(0, 35, 80); text-decoration: none;}
.generic-title-toggle-container .generic-title-toggle-header a:hover{text-decoration: none;}
.generic-title-toggle-container .generic-title-toggle-header a h3{margin: 10px 0px 2px; color: #000f2b; font-size: 16px;}
.generic-title-toggle-container .generic-title-toggle-header a h4{margin: 20px 0px 5px; color: #333333; font-size: 16px;}
.generic-title-toggle-container .generic-title-toggle-header a.expand-collapse-header .ec-plus-minus::after{color: #000f2b; top: 1px;}

.generic-title-toggle-content p.generic-title-toggle-visible-content{margin: 0;}

.generic-title-toggle-content .generic-title-toggle-hidden-content h4{margin: 10px 0 5px 0;}
.generic-title-toggle-content .generic-title-toggle-hidden-content p{margin: 0 0 20px;}
.generic-title-toggle-content .generic-title-toggle-hidden-content p:last-child{margin: 0;}

.generic-title-toggle-hidden-content .gtthc-container{width: 100%; overflow: hidden; margin-bottom: 20px;}
.gtthc-container .gtthc-container-left{float: left; width: calc(40% - 15px); margin-right: 15px;}
.gtthc-container .gtthc-container-right{float: left; width: calc(60% - 15px); margin-right: 15px;}
/*** END - Generic Sub-Heading Expand/Collapse CSS, 12/19/2018 by sjvesapogu ***/


/*** START - Generic Blue Button CSS, 03/12/2019 by sjvesapogu ***/
/** START - Generic Blue Button 1 **/
/* eMortgage Buttons */
/* How Does eMortgage Work? - Big Button Container */
.generic-btn1-wrapper{overflow: hidden; width: 100%; padding: 0; margin: 15px 0 24px 0;}
.generic-btn2-wrapper:last-child{margin-bottom: 0;}
.generic-btn2-wrapper.gb2w-margin-b40{margin-bottom: 40px;}

.generic-btn1-wrapper .generic-btn1-container{float: left; width: calc(50% - 14px); min-height: 126px; padding: 0; margin: 0 12px 0 0; border: 1px solid #666F80;}
.generic-btn1-wrapper .generic-btn1-container.gb1c-margin-l10{margin: 0 0 0 12px;}

.generic-btn1-container img{float: left; width: 80px; height: 80px; padding: 15px; margin-top: 7px;}

.generic-btn1-container .generic-btn1-content{float: left; width: calc(100% - 125px); padding: 15px 15px 15px 0;}
.generic-btn1-container .generic-btn1-content a{display: block; overflow: hidden; padding: 0; margin: 5px 0 0 0; text-decoration: none;}
.generic-btn1-container .generic-btn1-content a:hover{text-decoration: underline;}
/** END - Generic Blue Button 1 **/

/** START - Generic Blue Button 2 **/
/* eMortgage Toolkit - Small Button Container */
.generic-btn2-wrapper{overflow: hidden; width: 100%; padding: 0; margin: 15px 0 24px 0;}
.generic-btn2-wrapper:last-child{margin-bottom: 0;}
.generic-btn2-wrapper.gb2w-margin-b40{margin-bottom: 40px;}

/* Button Container */
.generic-btn2-wrapper .generic-btn2-container{display: flex; align-items: center; float: left; padding: 0; border: 1px solid #666F80;}
/* Two Column Button Container */
.generic-btn2-wrapper .generic-btn2-container{width: calc(50% - 14px); margin: 0 12px 0 0;}
.generic-btn2-wrapper .generic-btn2-container.gb2c-margin-l10{margin: 0 0 0 12px;}
/* Single Column Button Container */
.generic-btn2-wrapper.gbw-col-1 .generic-btn2-container{width: calc(100% - 2px); margin: 0px 0px 20px 0px;}
.generic-btn2-wrapper.gbw-col-1 .generic-btn2-container:last-child{margin: 0px;}
/* Three Column Button Container */
.generic-btn2-wrapper.gbw-col-3 .generic-btn2-container{width: calc(33.33% - 18px); margin: 0 16px 0 0;}
.generic-btn2-wrapper.gbw-col-3 .generic-btn2-container:nth-child(2){margin: 0px 8px;}
.generic-btn2-wrapper.gbw-col-3 .generic-btn2-container:last-child{margin: 0px 0px 0px 16px;}

.generic-btn2-container img{float: left; width: 50px; height: 50px; margin-right: 15px;}

.generic-btn2-container .generic-btn2-content{float: left; width: calc(100% - 65px);}
/* Two Text Links */
.generic-btn2-container .generic-btn2-content a{text-decoration: none; margin-bottom: 2px;}
.generic-btn2-container .generic-btn2-content a:last-child{margin-bottom: 0;}
.generic-btn2-container .generic-btn2-content a:hover{text-decoration: underline;}
/** END - Generic Blue Button 2 **/

/** START - Generic Blue Button 3 **/
/* singlefamily/uniform-mortgage-data-program */
.generic-btn3-wrapper{overflow: hidden; display: flex; width: 100%; padding: 0; margin: 0 0 24px 0;}
.generic-btn3-wrapper:last-child{margin-bottom: 0;}
.generic-btn3-wrapper.gb3w-margin-t15{margin-top: 15px;}
.generic-btn3-wrapper.gb3w-margin-b40{margin-bottom: 40px;}

.generic-btn3-wrapper .generic-btn3-container{float: left; position: relative; width: calc(50% - 30px); padding: 10px; margin: 0 10px 0 0; color: rgb(255, 255, 255); background-color: rgb(0, 118, 151);}
/* Single Column Button Container */
.generic-btn3-wrapper.gb3w-col-1 .generic-btn3-container{width: 100%;}
	
.generic-btn3-wrapper .generic-btn3-container.gb3c-margin-l10{margin: 0 0 0 10px;}

.html-data .generic-btn3-wrapper .generic-btn3-container p.title{margin: 0px 0px 5px; font-weight: bold;}
.html-data .generic-btn3-wrapper .generic-btn3-container p.description{margin: 0px 0px 30px 0px; font-weight: normal; font-size: 12px;}
.generic-btn3-wrapper .generic-btn3-container a{bottom: 0px; right: 0px; margin: 0 10px 10px 0; position: absolute; padding: 0; color: rgb(255, 255, 255);}
.generic-btn3-wrapper .generic-btn3-container a img{float: right; margin: -1px 0px 0px 7px;}
/** END - Generic Blue Button 3 **/
/*** END - Generic Blue Button CSS, 03/12/2019 by sjvesapogu ***/


/*** START - Promo Box - Image, Text, Footer CSS, 11/02/2018 by sjvesapogu ***/
/* Single-Family - Training Page */
/* Construction Page - Training & Resources Left Nav */
.promo-box-container{overflow: hidden; width: 100%;} 
.promo-box-container.pbc-margin-t15-b40{margin-top: 15px; margin-bottom: 40px;}  
.promo-box-container.pbc-margin-tn15{margin-top: -15px;} 
.promo-box-container.pbc-margin-t20{margin-top: 20px;}
.promo-box-container.pbc-margin-t23{margin-top: 23px;}

/* Image */
.promo-box-container .promo-box-image{display: block; margin-right: auto; margin-left: auto;} 

/* Text */
.promo-box-container .promo-box-text{border: 1px solid rgb(228, 228, 228); padding: 10px;}
/* p */
.promo-box-container .promo-box-text p{margin-top: 3px; margin-bottom: 5px;}
/* ul */
.promo-box-container .promo-box-text ul{background: none!important; border: 0px!important; padding: 0px!important; margin: 0px!important;}
.promo-box-container .promo-box-text ul li{display: inline-block; margin-bottom: 6px;}

/* Footer */
.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 - Promo Box - Image, Text, Footer CSS, 11/02/2018 by sjvesapogu ***/


/** START - Generic Promo Box CSS, 03/18/2018 by sjvesapogu **/
.generic-promo-container{display: flex; overflow: hidden; width: calc(100% - 2px); border: 1px solid rgb(217, 215, 220); border-image: none;}
/* Left */
.generic-promo-container .generic-promo-left{float: left; background-color: #007697; color: #ffffff; padding: 10px;}
.generic-promo-container .generic-promo-left h4{margin: 0 0 5px 0;}
.generic-promo-container .generic-promo-left ul{margin: 0px; padding: 0px 0px 0px 30px;}
.generic-promo-container .generic-promo-left a{display: table; color: #ffffff; margin: 0 0 3px 0;}
.generic-promo-container .generic-promo-left a:last-child{margin: 0;}
.generic-promo-container .generic-promo-left p{margin: 0;}
.generic-promo-container .generic-promo-left p a{display: inline;}
/* Right */
.generic-promo-container .generic-promo-right{float: right;}

/* UMDP Promo */
.generic-promo-container.umdp-promo .generic-promo-left{width: calc(100% - 196px);}
.generic-promo-container.umdp-promo .generic-promo-right{width: 176px; height: 110px;}

/* ULDD Promo */
.generic-promo-container.uldd-promo .generic-promo-left{width: calc(100% - 220px);}
.generic-promo-container.uldd-promo .generic-promo-right{width: 200px; height: auto;}
.generic-promo-container.uldd-promo .generic-promo-right img{display: block;}

/* Calender Promo */
.generic-promo-container.calender-promo .generic-promo-left{width: calc(100% - 196px);}
.generic-promo-container.calender-promo .generic-promo-right{width: 176px; height: 177px;}
.generic-promo-container.calender-promo .generic-promo-right img{display: block;}

/* Calender Promo - Loan Delivery */
.generic-promo-container.calender-promo-276 .generic-promo-left{width: calc(100% - 296px);}
.generic-promo-container.calender-promo-276 .generic-promo-right{width: 276px; height: auto;}
.generic-promo-container.calender-promo-276 .generic-promo-right img{display: block;}
/** END - Generic Promo Box CSS, 03/18/2018 by sjvesapogu **/
	

/*** START - Generic CSS, 09/27/2018 by sjvesapogu ***/
/* Padding */
.p-margin-t0{margin-top: 0!important;}
.p-margin-b0{margin-bottom: 0!important;}
.p-margin-t0b0{margin-top: 0!important; margin-bottom: 0!important;}

/* Container */
.generic-content-container{overflow: hidden; width: 100%;}
.generic-content-container.gcc-margin-t40{margin-top: -40px;}
.generic-content-container.gcc-margin-b20{margin-bottom: -20px;}

/** START - Block Container Left/Right **/
/* left/Right Content Divs */
.generic-block-container{width: 100%; overflow: hidden; margin-bottom: 24px;}
.generic-block-container.gbc-margin-b0{margin-bottom: 0px;}
.generic-block-container .generic-block-left{width: calc(50% - 12px); margin-right: 12px; float: left;}
.generic-block-container .generic-block-right{width: calc(50% - 12px); margin-left: 12px; float: left;}
	
/* Miscs */
.component .generic-block-container .cp-header{margin-bottom: 13px;}
.html-data .generic-block-container h3{margin-top: 0px;}
.generic-block-container a.underline-on-hover{display: table; margin-bottom: 6px;}
.generic-block-container a.underline-on-hover:last-child{margin-bottom: 0px;}
/** END - Block Left/Right **/
/*** END - Generic CSS, 09/27/2018 by sjvesapogu ***/
/**********************GENERIC CSS - CSS used across the portal sites*********************/


/*** START - Accessibility Button CSS, 03/04/2019 by sjvesapogu ***/
/* START - Accessibility Button */
div.u1st a.u1st_accBtn { 
	position: absolute !important; 
	top: 60px; 
    border-radius: 0;
	z-index: 101 !important;
	left: auto !important;
	right: 54px;
}
@media (max-width: 1280px) {
  div.u1st a.u1st_accBtn {
	left: 1089px !important;
	right: auto;
  }
}
div.u1st a.u1st_accBtnText { 
	background: transparent url("/content/about/portal-info-circle.png") 25px 12px no-repeat !important;
    font: normal 14px "Univers-55Roman" !important;
    padding: 12px 0px 15px 55px;
} 
/* END - Accessibility Button */

/** START - Accessibility Menu **/
/* Menu Position */
div.u1st div.u1st_mainMenu div.u1st_content.u1st_position { 
	position: absolute;
	_position: absolute !important;
    top: 105px; 
} 
div.u1st div.u1st_mainMenu div.u1st_position { 
	left: auto;
	right: 54px;
} 
@media (max-width: 1280px) {
  div.u1st div.u1st_mainMenu div.u1st_position {
	left: 954px;
	right: auto;
  }
}
/* Menu */
div.u1st div.u1st_mainMenu div.u1st_content {
    border-radius: 0;
	z-index: 101 !important;
}
div.u1st div.u1st_mainMenu p.u1st_accIntro {
    border-radius: 0;
}
div.u1st .u1st_mainMenu a.u1st_feedbackTitleSelected, 
div.u1st .u1st_mainMenu a.u1st_mySettingsTitleSelected, 
div.u1st .u1st_mainMenu a.u1st_profileTitleSelected { 
	border-radius: 0 !important; 
} 
/** END - Accessibility Menu **/

/** START - MISC **/
.app-header {
	padding: 20px 50px 46px !important;
	z-index: auto;
}
.CoveoOmnibox.magic-box .magic-box-suggestions {
	z-index: 102;
}
div.menu, a.button, a.log-in {
	margin-left: 5px;
	padding-right: 40px;
	width: 47px;
}
#searchbox {
	left: 0px;
}
/** END - MISC **/
/*** END - Accessibility Button CSS, 03/04/2019 by sjvesapogu ***/


/*** START - Cookie Disclaimer Pop-up CSS, 03/29/2019 by sjvesapogu ***/
#fanniemae_cookie_consent .cookie-consent-banner{overflow: hidden; float: left; display: block; position: fixed; bottom: 0; z-index: 123456789; padding: 15px; width: calc(100% - 30px); color: rgb(255, 255, 255); background-color: rgba(0, 118, 151, 0.9);}
@media (min-width: 768px){
	#fanniemae_cookie_consent .cookie-consent-banner{display: flex; align-items: center; padding: 25px 0 25px 25px; width: calc(100% - 25px);}
}
@media (min-width: 1200px){
	#fanniemae_cookie_consent .cookie-consent-banner{padding: 30px 0 30px 40px; width: calc(100% - 40px);}
}	
@media (min-width: 1400px){
	#fanniemae_cookie_consent .cookie-consent-banner{padding: 30px 0px 30px 60px; width: calc(100% - 60px);}
}		

/* START - Text */
#fanniemae_cookie_consent .cookie-consent-banner .cookie-text{float: none; width: 100%; font-size: 12px; text-align: center; line-height: 1.2em;}
@media (min-width: 768px){
	#fanniemae_cookie_consent .cookie-consent-banner .cookie-text{float: left; width: calc(100% - 240px); font-size: 14px; text-align: left;}
}
@media (min-width: 992px){
	#fanniemae_cookie_consent .cookie-consent-banner .cookie-text{width: calc(100% - 260px);}
}
@media (min-width: 1200px){
	#fanniemae_cookie_consent .cookie-consent-banner .cookie-text{width: calc(100% - 300px);}
}

#fanniemae_cookie_consent .cookie-consent-banner .cookie-text p{margin: 0 0 15px 0;}
#fanniemae_cookie_consent .cookie-consent-banner .cookie-text p:last-child{margin: 0;}
#fanniemae_cookie_consent .cookie-consent-banner a{color: #FFFFFF; text-decoration: underline;}
/* END - Text */

/* START - Close */
#fanniemae_cookie_consent .cookie-consent-banner .cookie-close{float: none; width: 150px; margin: 30px auto 0px;}
@media (min-width: 768px){
	#fanniemae_cookie_consent .cookie-consent-banner .cookie-close{float: right; margin: 0px auto;}
}	

#fanniemae_cookie_consent .cookie-consent-banner .cookie-close .cookie-btn{cursor: pointer; width: 100%; background: #000f2b; padding: 6px 0px; border: none; box-shadow: none; border-radius: 0; color: #FFFFFF; font-size: 14px;}
@media (min-width: 768px){
	#fanniemae_cookie_consent .cookie-consent-banner .cookie-close .cookie-btn{padding: 9px 0px; font-size: 16px;}
}
/* END - Close */
/*** START - Cookie Disclaimer Pop-up CSS, 03/29/2019 by sjvesapogu ***/