﻿/* CSS Document */

body {background: #ffffff; font-family: Arial; color: #444444; font-size: .75em; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; min-width: 895px;	}
p { margin:0px 0px 6px 0px;}
table {font-size: 100%;}
a {text-decoration: none;  color: #558800;}
a:link, a:visited {color:#558800;}
a:hover,a:active {color:#558800; text-decoration: underline;}

ul{margin-left: 5px; list-style: none;}
li{padding-left: 8px; padding-bottom: 4px; background-image: url(img/arrowGray_Small.gif); background-repeat: no-repeat; background-position: 0 .5em;}
ul ul{list-style:disc;margin-left: 15px;}
ul ul li {background-image:none;padding-left: 0px;}

.textLife { color: #558800; font-size: 90%;}
.textNormal { color: #444444; font-size: 90%;}

#page {background: #ffffff; width: 895px; margin: 0 auto; text-align: left;}

#pageTriage {background: #ffffff; height: 24px; padding: 6px 0px 0px 11px;}
.triageLink {float: left; width: 221px; padding-top: 2px; background:url(img/arrowOrange.gif) no-repeat left; text-indent: 10px; text-align: left;}
#pageTriage a:link, #pageTriage a:visited {color:#558800; font-weight: bold; font-size: 95%; }
#pageTriage a:hover, #pageTriage a:active {color:#558800; text-decoration: underline;}

#pageGlobal {background: #f2f2f2; height: 45px; padding-left: 11px; text-align: left; border-top: 1px solid #ffffff;}
#pageGlobal a:link, #pageGlobal a:visited {color:#558800; font-size: 95%;}
#pageGlobal a:hover, #pageGlobal a:active {color:#558800}
#globalOnlineServices { position: absolute; margin-top:41px; margin-left:249px; z-index: 10000;}
.shadowWrapper{background: #f2f2f2; padding: 5px 15px 5px 10px;}
#globalLogin {float: left; width: 259px; height: 45px; background: #ebe9e9;}
#globalLoginExpanded { position: absolute; width: 259px; height: 150px; background: #ebe9e9; z-index: 10000;}
#globalLoginContent {float: left; display: inline; margin: 5px 0px 0px 10px;}
#globalLoginContentExpanded {float: left; display: inline; margin: 5px 0px 0px 10px;}
.inLoginLabel{ color: #fe5500; font-size: 95%;}
.inLoginData {padding: 0px 0px 1px 2px; margin: 0 0 0 0; color: #fe5500; width: 79px; font-size: 85%;}
.inFindATM {padding: 0px 0px 1px 2px;	color: #fe5500; width: 95px; font-size: 85%;}
.inGoogleSearch {padding: 0px 0px 1px 2px; color: #fe5500; width: 164px; font-size: 85%;}
.imgLogin {margin-bottom: 10px;}

#globalServices {float: left; width: 72px; height: 35px; margin: 5px 0px 5px 9px; border-right: 2px dotted #cbcbcb; color: #558800;}
#globalServicesContent {float: left; margin-top: 3px}
#globalATM {float: left; width: 133px; height: 35px; margin: 5px 0px 5px 9px; border-right: 2px dotted #cbcbcb;}
#globalATMContent {float: left; margin-top: 0px}
#globalMisc {float: left; width: 146px; height: 35px; margin: 5px 0px 5px 10px; border-right: 2px dotted #cbcbcb; color: #558800;}
#globalMiscContent {float: left; margin-top: 3px}
#globalSearch {float: left; width:232px; height: 35px; margin: 5px 0px 5px 8px; color: #558800 /*#568900*/}
#globalSearchContent {float: left; margin-top: 7px}

#pageBrandingLarge {height: 205px; text-align: left; border-top: 1px solid #ffffff;}

#pageBrandingTop {height: 100px; border-top: 1px solid #ffffff; width: 895px; background: #FFF3E1;}
#pageBrandingSmall{width: 448px; height: 100px;}
.brandingSmallItem {background:#88bb00; height: 100px; width:223px; border-right: 1px solid #ffffff; float: left;}
#pageBrandingLogo{width: 447px; height: 100px;}
.brandingLogoItem {background:#558800; height: 100px; width:447px; text-align: center;}
.itemFloatLeft {float: left;}
#content { background: #003333;}
#footer {background: #f3f3f3; height: 44px; border-top: 1px solid #ffffff;}
#pageBrandingFooter { display: inline; background: #558800; height: 180px; border-top: 1px solid #ffffff; width: 895px;}
.brandingFooterSeperatorL {background:#558800; height: 180px; width:9px; border-right: 1px solid #ffffff; float: left;}
.brandingFooterSeperatorR {background:#558800; height: 180px; width:9px; float: left;}
.brandingFooterItem {height: 180px; width:437px; border-right: 1px solid #ffffff; float: left;}


/* Page: Header */
#pageHeader {width: 845px; height: 60px; border-top: 2px solid #88bb00; border-bottom: 1px solid #cde682;}
#headerLogo {float: left; width: 425px; height: 57px; padding-top: 4px; padding-left: 10px;}
#headerSearch {float: right; width: 400px; height: 57px; padding-top: 3px; padding-left: 10px;}



#mainNav {background:#ffffff; width: 180px; float: left;}
.mainNavHeader {background: #aaaaaa; height: 25px;}

.mainNavBlock{float: left; margin-left: 5px; margin-top: 10px; height: 15px;}
.mainNavText{float: left; margin-left: 3px; margin-top: 3px; height: 19px; color: #ffffff; font-size: 115%;}
.mainNavDDL{float: left; width: 199px; padding-left: 11px; padding-top: 3px;}

.pageContentDDL {width:177px; font-size: 90%;display: inline;padding: 0px 1px 1px 1px;}

#pageTop {background: #ffffff; height: 59px; border-bottom: 1px solid #f2f2f2; width: 100%;}
#pageTopLogo {float: left; width: 205px; height: 59px;}
#pageTopMenu {height: 59px; float: left; text-transform: uppercase; padding-left: 16px;}
.topMenuLink {float: left;  margin: 20px 20px 0px 0px; padding-top: 2px; background:url(img/arrowOrange.gif) no-repeat left; text-indent: 10px;}
a.tmLink:link, a.tmLink:visited, a.tmLink:active {color:#558800; font-weight: bold; font-size: 100%; }
a.tmLink:hover {color:#558800; text-decoration: underline;}
a.tmLinkSelected:link, a.tmLinkSelected:visited {color:#fe5500; font-weight: bold; font-size: 100%; }
a.tmLinkSelected:hover,a.tmLinkSelected:active {color:#fe5500; text-decoration: underline;}

/* Page: Breadcrumbs */
#breadcrumbs {height: 25px; /*background: #F4BFFF;*/ padding-left: 220px;}
.bcItems {float: left; margin: 6px 10px 0px 0px; background:url(img/selectorGray.gif) no-repeat left; text-indent: 5px;}
.bcItemHome {float: left; margin: 6px 10px 0px 0px;}
.bcItemSelected {float: left; margin: 6px 10px 0px 0px; background:url(img/selectorOrange.gif) no-repeat left; text-indent: 5px;}
.bcLinkSelected {float: left; margin: 6px 10px 0px 0px; background:url(img/selectorOrange.gif) no-repeat left; text-indent: 5px;color: #fe5500; font-size: 100%;}
a.bcLink:link, a.bcLink:visited, a.bcLink:active {color:#558800; font-size: 100%; font-weight: normal; text-decoration: none;}
a.bcLink:hover {color:#558800;  text-decoration: underline;}
a.bcLinkSel:link, a.bcLinkSel:visited, a.bcLinkSel:active {color:#fe5500; font-size: 100%; font-weight: normal; text-decoration: none;}
a.bcLinkSel:hover {color:#fe5500;  text-decoration: underline;}

/* Page: Left Menu */
#pageLeftMenu {float: left; width: 195px; height: 400px; padding-left: 10px; margin-right: 15px; /*background: #FFEFD5;*/}
.lmContainer {width: 194px; /*background-color: #F0E68C;*/ border-bottom: 1px solid #eeeeee;}
.lmcHeader, .lmcHeaderLink {font-size: 105%; font-weight: bold; color: #558800; padding: 9px 0px 9px 0px; text-transform: uppercase;}
.lmcItems {margin: 5px 0px 6px 4px;}
a.lmcLink:link, a.lmcLink:visited, a.lmcLink:active {color:#558800; font-size: 100%; font-weight: normal; text-decoration: none;}
a.lmcLink:hover {color:#558800; text-decoration: underline;}
a.lmcLinkSelected:link, a.lmcLinkSelected:visited, a.lmcLinkSelected:active {color:#fe5500; font-size: 100%; font-weight: bold; text-decoration: none;}
a.lmcLinkSelected:hover {color:#fe5500; text-decoration: underline;}
a.lmcHeaderLink:link, a.lmcHeaderLink:visited, a.lmcHeaderLink:active {color:#558800; text-decoration: none; }
a.lmcHeaderLink:hover {color:#558800; text-decoration: underline;}
a.lmcHeaderLinkSelected:link, a.lmcHeaderLinkSelected:visited, a.lmcHeaderLinkSelected:active {color:#fe5500; text-decoration: none; }
a.lmcHeaderLinkSelected:hover {color:#fe5500; text-decoration: underline;}

/* Page: Cross Sell Menu */
/*#pageLeftMenu {float: left; width: 205px; height: 400px; margin-right: 15px; background: #FFEFD5;} */
.csmContainer {width: 194px; border-bottom: 1px solid #eeeeee;  /*padding: 0 10px 0 10px; */ }
.csmcHeader, .csmcHeaderLink {font-size: 105%; font-weight: bold; color: #558800; padding: 9px 0px 9px 0px;}
.csmcItems {margin: 5px 0 6px 0;}
.csmcDescription {color: #444444;}
a.csmcLink:link, a.csmcLink:visited {color:#558800; font-size: 100%; font-weight: normal;}
a.csmcLink:hover,a.csmcLink:active {color:#558800; text-decoration: underline;}
a.csmcHeaderLink:link, a.csmcHeaderLink:visited {color:#558800; }
a.csmcHeaderLink:hover,a.csmcHeaderLink:active {color:#558800; text-decoration: underline;}


/* Page: Overview Content */
#pageOverviewContent {padding: 20px 0px 0px 8px; margin-bottom: 20px;float:left; /*width:100%;*/}
.ovContainer {float: left; width: 221px; text-align: left; }
.ovcHeader {background:url(img/arrowOrange.gif) no-repeat left; text-indent: 10px; color:#558800; font-weight: bold; margin-bottom: 5px;}
a.ovcHeaderLink:link, a.ovcHeaderLink:visited, a.ovcHeaderLink:active {color:#558800; font-weight: bold; }
a.ovcHeaderLink:hover {color:#558800; text-decoration: underline;}

.ovcItem {background:url(img/arrowGray_Small.gif) no-repeat left; text-indent: 7px; color:#558800; margin: 0px 0px 5px 10px; }
a.ovcLink:link, a.ovcLink:visited, a.ovcLink:active {color:#558800; font-size: 95%;}
a.ovcLink:hover {color:#558800; text-decoration: underline;}

/* Page: Overview Message Center */
#pageMessageCenter {padding: 20px 0px 20px 10px; margin-bottom: 0px; text-align: left;}
.msgcItem { margin-bottom: 10px;}
.msgcHeader {margin-bottom: 2px;}
a.msgcHeaderLink:link, a.msgcHeaderLink:visited {color:#444444;}
a.msgcHeaderLink:hover,a.msgcHeaderLink:active {color:#444444; text-decoration: underline;}
a.msgcLink:link, a.msgcLink:visited {color:#558800; font-size: 95%;}
a.msgcLink:hover,a.msgcLink:active {color:#558800; text-decoration: underline;}

/* Page: Main Content */
#pageMainContent{float: left; width: 675px; height: 100%; /*background: #FFF5EE;*/}
#pageWrapperContent{float: left; width: 675px; background: #FF6600; }
#mcHeaderBlurb{width: 375px; height: 220px; float: left;}
#mcHeaderImage{width: 300px; height: 220px; float: left;}
.mchbHeader{font-size: 210%;color: #444444;}
.mchbDescription{padding: 20px 0px 0px 0px; font-size: 100%;color: #444444; text-transform: uppercase;}
.mchbText{padding: 20px 10px 0px 0px; color: #444444;}
.mcColumnFull{width: 670px; float: left; padding: 10px 5px 0 0;}
.mcColumn1{display: inline; width: 365px; float: left; padding: 10px 10px 0 0;}
.mcColumn2{width: 295px; float: left; padding: 10px 5px 0 0;}

.mcSeperator{width: 100%; height: 7px; background: url(img/bgDot.gif) repeat-x;float:left;padding-bottom:0px; }

#mcWrapper { float: left; width: 670px;}
#mcIWrapper { height: 400px; width: 100%;}
.mcPanel { float: left; width: 100%; background: #f2f2f2;}

/* Page: Footer */
/*
#pageFooter { height: 21px; padding-top: 4px; float: left;}
.footerItemEHL {background: url(img/logoEqualHousingLender.gif) no-repeat; padding-left: 18px;  margin: 6px 10px 0px 10px;}
.footerItem {margin: 6px 10px 0px 10px;}
*/
/* Page: Footer Links */
.pageFooterLinks { width: 100%; height: 21px; padding-top: 4px; float: left; text-align: left;}
.fItemEHL {background: url(img/logoEqualHousingLender.gif) no-repeat; padding-left: 18px;  margin: 6px 10px 0px 10px;}
.fItems {margin: 6px 10px 0px 10px;}
a.fLink:link, a.fLink:visited {color:#558800; font-size: 100%; font-weight: normal;}
a.fLink:hover,a.fLink:active {color:#558800; text-decoration: underline;}
a.fCLink:link, a.fCLink:visited {color:#558800; font-size: 100%; font-weight: normal;}
a.fCLink:hover,a.fCLink:active {color:#558800; text-decoration: underline;}

/* STYLES FOR FORM AREA */
#formContentArea{clear:both; width:895px; height: 100%; /*background: #FFF5EE;*/}
.loginwrapper { float:right; text-align:left;background: #f2f2f2; padding: 20px;border: 1px solid #ccc;}
.ml_header {padding-top:9px;text-transform:uppercase;font-weight:bold;letter-spacing:.15em;	font-size:1.25em;}
.form_header {float:right; width: 652px;text-align:left;padding-top:9px; padding-bottom:10px;text-transform:uppercase;font-weight:bold;letter-spacing:.15em;	font-size:1.25em;}
.ml_subheader { padding-bottom:10px; background-image:url(img/bgDot.gif); background-repeat:repeat-x; background-position:bottom;}
#loginLeftMenu{float: left; width: 205px; height: 400px; margin-right: 15px;  /*background: #FFEFD5;*/}
#contentwrapper { float:right; width: 630px;text-align:left; background: #ffffff; padding: 10px;}

/* STYLES FOR Internet Explorer and FireFox */

  .xMainDiv { float:left; width:620px; text-align:left;background: #f2f2f2; padding: 20px;border: 1px solid #ccc;}

  .xSection
  {
	color: Black;
    width:100%;
    padding-top:2px;
    clear: both;
  }
  
  .xColSectionLeft
  {	
    float:left;
    width:49%;
    text-align:left; 
    
  }
  
  .xColSectionRight
  {
    float:right;
    width:49%;
    text-align:left;
    
  }

  .xColSectionFullLine
  {
    float:left;
    width:100%;
    text-align:left;
  }
  
  .xSubSection
  {
    width:100%;
    text-align:left;
    clear: both;
 
  }
  
  .xFieldLabel
  {
    width:90%;
	height: 17px;
}
  
  .xFieldBox
  {
    width:90%;
    padding-left:8px;
  }
  
   .xFieldBox span
  {
    width:240px;
  }

  .xFieldBreak
  {
    float:left;
    width:10px;
    color: #fe5500; 
    font-size: 95%;
  }
  
  .xValidator
  {
	float:left;
    color: #fe5500; 
    /*font-size:100%;*/
    padding-left:8px;
    /*width:90%;*/
  }
  
  .xGrandOpeningRow
  {
	background-color: #f2f2f2;
	width: 100%;
  }
  
  .xGrandOpeningAltRow
  {
 	background-color: white;
	width: 100%;
 }
  
.xSpacer {width:10%;}
  
 
.header150 {font-size: 150%;}
.header140 {font-size: 140%; font-weight:bold;}
.header120 {font-size: 120%;}
.text90 {font-size: 90%;}
.fldLabel {}
.fldData {}
.fldLabel {}
.xGVDescription {width:100%; text-align:left; clear: both;}
  
.xGVRadionButton
  {
    width:10%;
    float:left;
    text-align:left;
    clear: both;
 
  }
  
.xGVItemDescription
  {
    width:89%;
    float:right;
    text-align:left;
    clear: both;
 
  }
