/* Body Tag - Centers the site and provides margin on top of page */

body
{
	font-size: 10px; 
	font-family: Verdana, Arial;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	margin-bottom: 20px;
	background-color: #505050;
}

P, TD
{
	font: 10px Verdana, Arial;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
}

/* Default style to control margin & padding on Forms */
/* The text-align, width and margin in the next two is so
   that the page is centered in the browser window for all
   browsers. */
FORM 
{ 
  margin:0;
  text-align:center;
}

div.main /* This is the div wrapper */
{
  width:80%;
  text-align:left;
  margin-left:auto;
  margin-right:auto;

}
/* Standard H Tags - Style specific H tags included with class */

H1
{
	font: 18px Arial;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
}

H2
{
	font: 14px Arial;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	padding: 4px 0 6px 0;
}

H3
{
	font: 12px Arial;
	color: #336633;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
	padding: 4px 0 0px 0;
	margin: 0px;
}

H4
{
	font: 11px Verdana, Arial;
	color: #3C5555;
	font-weight: bold;
	line-height: 16px;
}

/* Default HR Tag - Designed to look the same in all browsers */
HR
{
	background-color: #999999;
	border: none 0;
	color: #999999;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0px;
}

/* Default Bullet and Ordered Lists */
UL
{
	margin:5px 0 1.2em 0;
	padding-left:1px
}

OL
{
	margin:5px 0 1.2em 16px;
	padding-left:1px
}

UL LI
{
	color: #333333;
	margin: 0 0 .5em 0;
	padding: 0 0 0px 12px;
	line-height: 1.6em;
	list-style-type: none;
	background: transparent url('/Templates/TemplateA/bullet_orange.gif') no-repeat 0px .4em;
}

OL LI
{ 
	color:#333333;
	margin:0 0 0 20px;
	padding:0 0 0 12px;
	line-height:1.6em;
  list-style-type:circle;
  font-size:10px;
}

/* Default Links - Changes per template / color scheme */
A {border:0; color:#44aaff; text-decoration:none;}
A:hover {color:#44aaff; text-decoration:underline;}
A:Visited {color:#44aaff; text-decoration:none;}
A:visited:Hover {color:#44aaff; text-decoration:underline;}

INPUT
{
  font-size:11px; 
  border: 1px solid #666666; 
  font-family: arial, sans-serif; 
  color: #666666; 
}

SELECT
{
  font-size: 11px; 
  border: 1px solid #666666; 
  font-family: geneva, sans-serif; 
  color: #666666; 
  width: 120px;
}

SELECT.short {width: 40px;}

.Checkboxes
{
  vertical-align:middle;
  width:16px;
  height:auto;
  border:0;
}

.CheckboxList INPUT
{
  vertical-align:middle;
  width:16px;
  height:auto;
  border:0;
}

.Checkboxes INPUT
{
  vertical-align:top;
  width:16px;
  height:auto;
  border:0;
}

INPUT.Checkboxes /* because of IE */
{
  vertical-align:middle;
  width:16px;
  height:auto;
  border:0;
  border-style: none;
}

.Radiobuttons INPUT
{
  vertical-align:top;
  width:35px;
  height:auto;
  border:0;
}

INPUT.Radiobuttons /* because of IE */
{
  vertical-align:top;
  width:35px;
  height:auto;
  border:0;
}
/* ID to control padding and background color of cells  */
#cellpadding-white
{
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

#cellpadding-color
{
	background-color: #EAEBD0;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Home Page */
.home-loantype
{
	background-color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: .5em;
	padding-right: .25em;
	vertical-align:top;
	width:310px;
}

.home-loantype h1 {font: 24px Arial; color: #000000; font-weight: bold; line-height: 28px; margin-bottom: 28px;}
.home-loantype ul, ol {padding: 0; margin: 0;}
.home-loantype li {font: 12px Arial; color: #FFFFFF; font-weight: bold; line-height: 28px; padding:0px 0px 0px 14px; margin: 0; background: transparent url('../../Templates/TemplateD//link_arrow_orange.gif') no-repeat 0px .9em;}
.home-loantype A {color: #000000; text-decoration: none;}
.home-loantype A:Hover {color: #FFA814; text-decoration: none;}
.home-loantype A:Visited {color: #000000; text-decoration: none;}
.home-loantype A:visited:Hover {color: #FFA814; text-decoration: none;}

#home-promo
{
	background-color: #D0D0D0;
	padding: 10px 15px 10px 15px;
	border-left: 1px solid #d2b665;
}

#home-promo h1 {font: 20px Arial; color: #666666; font-weight: bold; line-height: 26px; margin-bottom: 4px;}

#home-subnav
{
	background-color: #FFFFFF;
	padding: 0px 15px 0px 15px;
	border-left: 1px solid #999999;
	vertical-align:top;
	width:157px;
}

#home-panel
{
	background-color: #FFFFFF;
	border-right: 1px dotted #D0D0D0;
	vertical-align:top;
}

.home-panel-text
{
	font: 10px verdana;
	color: #333333;
	font-weight: normal;
	line-height: 14px;
	padding: 10px 16px 16px 16px;
	text-align: center;
}


.home-phone
{
	background-color: #f7f0ea;
	padding: 10px 0 10px 0;
	font: 18px Arial;
	color: #333333;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	vertical-align:top;
	width:456px;
}

.home-phone-white
{
	background-color: #FFFFFF;
	padding: 10px 0 10px 0;
	border-color: #999999;
	border-width: 1px;
	border-style: solid none none none;
}

/* Left Column Navigation ID */

.home-leftsidebar
{
  vertical-align:top;
  position:relative;
}

.leftsidebar 
{
  vertical-align:top;
  position:relative;
  padding-right: 1em;
}

/* Left Column Navigation Styles */
.navbox 
{
  padding: 0px; 
  margin-bottom: 20px; 
  margin-top: 20px; 
  margin-left: 0px; 
  font-size: 10px; 
  color: #333333; 
  text-decoration: none; 
  font-weight: bold; 
  line-height: 12px;
  width:157px;
}

.navbox .mainitem
{ font: 9px verdana;
  color: #333333; 
	text-decoration: none;
	font-weight: normal;
	line-height: 12px;
	padding:1px 0 4px 20px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #000000;
	background: transparent url('/Templates/TemplateA/link_arrow_orange.gif') no-repeat 7px .4em;
}

.navbox .mainitem  A {color: #000000; text-decoration: none; font-weight: normal; line-height: 12px;}
.navbox .mainitem  A:hover {color: #000000; text-decoration: underline; font-weight: normal;}
.navbox .mainitem  A:Visited {color: #000000; text-decoration: none; font-weight: normal;}
.navbox .mainitem  A:visited:Hover {color: #000000; text-decoration: underline; font-weight: normal;}

.navbox .menulines
{
  font: 9px verdana;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	margin: 0 0 .5em 0;
	padding: 0 1em 0px 1em;
	line-height: 1.6em;
	list-style-type: none;
}

.navbox .menulines  A {color: #000000; text-decoration: none; font-weight: normal; line-height: 12px;}
.navbox .menulines  A:hover {color: #000000; text-decoration: underline; font-weight: normal;}
.navbox .menulines  A:Visited {color: #000000; text-decoration: none; font-weight: normal;}
.navbox .menulines  A:visited:Hover {color: #000000; text-decoration: underline; font-weight: normal;}

/* The following is for the loan application  */
.Menu
{
  border-color:#000000;
  color: #000000; 
  text-decoration: none; 
  font-weight: normal;
}
.Menu li 
{
  list-style-type: none;
  height:23px;
  width: 100px;
}  
.MenuItem A 
{ 
  background-color:#F3F3EE;
  border-bottom-color:#000000;
  border-bottom-width:1px;
  border-bottom-style:outset;
  border-right-color:#000000;
  border-right-width:1px;
  border-right-style:outset;
  border-top-color:#CCCCCC;
  border-top-width:1px;
  border-top-style:outset;
  border-left-color:#CCCCCC;
  border-left-width:1px;
  border-left-style:outset;
  display: block; 
  height:23px;
  width: 100px;
  color: #000000; 
  text-decoration: none; 
  font: 12px verdana;
  padding-top:5px;
  padding-left: 5px;
  -moz-border-radius:4px;

}
.MenuItem A:hover 
{
  background-color:#E6F2F5; 
  border-left-color:#000000;
  border-left-style:inset;
  border-left-width:1px;
  border-top-color:#000000;
  border-top-style:inset;
  border-top-width:1px;
  border-bottom-color:#CCCCCC;
  border-bottom-width:1px;
  border-bottom-style:inset;
  border-right-color:#CCCCCC;
  border-right-width:1px;
  border-right-style:inset;
  text-decoration: none; 
}

.MenuItem A:Visited {color: #000000; text-decoration: none;}
.MenuItem A:Visited:Hover {background-color:#E6F2F5; color: #000000;}


.MenuSelectedItem A
{
  background-color:#E6F2F5; 
  border-left-color:#000000;
  border-left-style:inset;
  border-left-width:1px;
  border-top-color:#000000;
  border-top-style:inset;
  border-top-width:1px;
  border-bottom-color:#CCCCCC;
  border-bottom-width:1px;
  border-bottom-style:inset;
  border-right-color:#CCCCCC;
  border-right-width:1px;
  border-right-style:inset;
  display: block; 
  color:#000000;
  font: 12px verdana;
  height:23px;
  width: 100px;
  padding-top:5px;
  padding-left: 5px;
  -moz-border-radius:4px;
}

.MenuSelectedItem A:Hover {color: #000000; text-decoration: none;}
.MenuSelectedItem A:Visited {color: #000000; text-decoration: none;}
.MenuSelectedItem A:Visited:Hover {background-color:#E6F2F5; color: #000000;}

/* The preceding is for the loan application  */

/* Rate Quote Form */

.question
{
  border:0;
  background-image:url(/Templates/TemplateA/question_mark.gif);
  background-repeat:no-repeat;
  background-position:center;
}

.ratequote
{
	font-size: 10px;
	font-family: Arial;
	color: #505050;
	line-height: 14px;
	text-align: justify;
}

.ratequote P {font-size: 10px; font-family: Arial; color: #505050; line-height: 14px;}
.ratequote h1 {font: 18px Arial; color: #336633; text-decoration: none; font-weight: normal; line-height: 24px; margin: 0px;}
.ratequote A {color: #505050; text-decoration: underline; font-weight: normal;}
.ratequote A:Hover {color: #E7C819; text-decoration: underline;}
.ratequote A:Visited {color: #505050;}
.ratequote A:visited:Hover {color: #E7C819; text-decoration: underline;}

SELECT.ratequote 
{
  font-size: 11px; 
  border: 1px solid #666666; 
  font-family: geneva, sans-serif; 
  color: #666666; 
  width: 160px;
}

SELECT.ratequotelg 
{
  font-size: 11px; 
  border: 1px solid #666666; 
  font-family: geneva, sans-serif; 
  color: #666666; 
  width: 260px;
}

INPUT.ratequotelg 
{
  font-size: 11px; 
  border: 1px solid #666666; 
  font-family: geneva, sans-serif; 
  color: #666666; 
  width: 200px;
}

INPUT.ratequote 
{
  font-size: 11px; 
  border: 1px solid #666666; 
  font-family: arial, sans-serif; 
  color: #666666; 
  width: 160px; 
  height: 12px; 
  vertical-align: middle; 
}

.ratequotesm
{
	font-size: 11px;
	font-family: Arial;
	color: #505050;
	line-height: 12px;
	text-align: justify;
}

.ratequotesm P {font-size: 10px; font-family: Arial; color: #505050; line-height: 14px;}
.ratequotesm h1 {font: 18px Arial; color: #336633; text-decoration: none; font-weight: normal; line-height: 24px; margin: 0px;}
.ratequotesm A {color: #505050; text-decoration: underline; font-weight: normal;}
.ratequotesm A:Hover {color: #E7C819; text-decoration: underline;}
.ratequotesm A:Visited {color: #505050;}
.ratequotesm A:visited:Hover {color: #E7C819; text-decoration: underline;}

SELECT.ratequotesm 
{
  font-size: 11px; 
  border: 1px solid #666666; 
  font-family: geneva, sans-serif; 
  color: #666666; 
  width: 50px;
}

INPUT.ratequotesm 
{
  font-size:11px; 
  text-align: center;
  border: 1px solid #666666; 
  font-family: arial, sans-serif; 
  color: #666666; 
  width: 45px; 
  height: 12px; 
  vertical-align: middle; 
}

Radio.ratequotesm
{
  font-size:11px; 
  text-align: center;
  border: 1px solid #666666; 
  font-family: arial, sans-serif; 
  color: #666666; 
  width: 77px; 
  height: 20px; 
  vertical-align: middle; 
}

#AnswerBox
{
  background-color: #eeeeee;
  width: 130px;
  padding: .1em .2em .1em .5em;
  position:absolute;
  text-align:left;
  line-height: 14px;
}

#AnswerBoxShadow
{
  background-color: #000;
  color: #000;
  width: 130px;
  position:absolute;
  padding: .1em .2em .5em .5em;
  text-align:left;
  line-height: 14px;
}

.register
{
	font: 10px Verdana, Arial;
	color: #333333;
	text-decoration: none;
	line-height: 18px;
}

.inputtable
{
  left: 0;
  line-height:102px;
}

.register h2 {font: 13px Arial; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 11px; margin-bottom: 6px; border-bottom: 3px double #404040; letter-spacing: 2px;}
.register h3 {font: 12px Arial; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 22px; margin-bottom: 20px;}
.register h4 {font: 11px Arial; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 14px; margin-bottom: 4px; border-bottom: 3px double #404040; letter-spacing: 1px;}
.register .white {color: #FFFFFF; font: 11px Verdana, Arial; font-weight: bold; line-height: 24px;}
.register .whitenobold {color: #FFFFFF; font: 11px Verdana, Arial;}
  
.register A {color: #9C480F;}
.register A:Hover {color: #9C480F; text-decoration: underline;}
.register A:Visited {color: #9C480F; text-decoration: none;}
.register A:visited:Hover {color: #9C480F; text-decoration: underline;}

INPUT.register
{
	border: 1px solid #666666;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 200px;
	height: 24px;
	background-color: #FFFFFF;
	margin: 0;
}

SELECT.register
{
	border: 1px solid #666666;
	font-family: geneva, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 200px;
	vertical-align: middle;
	margin: 0;
}

/* Border that strokes the entire page. */

.border-inside
{
  background-color: #ffffff;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	width:785px;
}

.border-outside
{
	background-color:#ffffff;
	border-color: #ffffff;
	border-width: 6px;
	border-style: solid;
	margin:0 auto;
	width:797px;
}

/* Borders */

.bordertop-thin
{
	border-color: #CDADBC;
	border-width: 1px;
	border-style: solid none none none;
}

.border-right
{
	border-color: #CDADBC;
	border-width: 1px;
	border-style: none solid none none;
}

.border-bottom
{
	border-color: #A4AD07;
	border-width: 1px;
	border-style: none none none none;
}

#bordertop-thick
{
	border-color: #565F32;
	border-width: 5px;
	border-style: solid none none none;
}

.HeaderLogo
{
  background-position: 0 0;
  background-repeat: no-repeat;
  width:785px;
  height:100px;
}

/* Styles for Footer */

.footer
{
	font-size: 9px;
	font-family: tahoma, arial;
	color: #FFFFFF;
	line-height: 14px;
	padding: 6px 15px 12px 15px;
	background-color: #198353;
	vertical-align:top;
	height:60px;
}

.footer A {color: #FFFFFF; text-decoration: none; font-weight: normal;}
.footer A:Hover {color: #FFFFFF; text-decoration: underline;}
.footer A:Visited {color: #FFFFFF;}
.footer A:visited:Hover {color: #FFFFFF; text-decoration: underline;}

.footer .home A {color: #FFFFFF; text-decoration: none; font-weight: normal;}
.footer .home A:Hover {color: #FFFFFF; text-decoration: underline;}
.footer .home A:Visited {color: #FFFFFF;}
.footer .home A:visited:Hover {color: #FFFFFF; text-decoration: underline;}

/* background fill at base of footer assembly */

.footer-right {width:157px;}

.footer-fill
{
	border-top: 0px none #CDADBC;
	background-color: #FFFFFF;
}

/* Home page rate grid styles */

.RateTitle
{
  height: 27px;
	Font-Weight: bold;
	Font-Family: Verdana, Arial, Helvetica, Sans-Serif;
	Color: #FFFFFF;
	Font-Size: 11px;
	padding: 0 0 0 .5em;
	background-color: #7F7F7E;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: solid;
	width:312px;
}

.RateGridDiv
{
  left: 0px;
  overflow:auto;
  position: relative; 
  width:312px;
  height:70px;
 	Color: #FFFFFF;
}  

.RateGrid
{
  z-index: 1; 
  background-color:#8E8E8F;
  Font-Family: Verdana, Arial, Helvetica, Sans-Serif;
	Color: #FFFFFF;
	Font-Size: 10px;
}

.AltGridRows
{
  z-index: 1; 
  background-color:#7F7F7E;
  Font-Family: Verdana, Arial, Helvetica, Sans-Serif;
 	Color: #FFFFFF;
	Font-Size: 10px;
}

.ProgramNameColumnHeader
{
 	background-color: #7F7F7E;
  width: 171px;
  height:26px;
  border-bottom: #CCCCCC;
	border-width: 0 0 1px 0;
	border-style: solid;
 	Color: #FFFFFF;
 }
 
.ProgramNameColumn
{
  width: 171px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
	padding: 0 0 0 .5em;
}

.PercentColumnsHeader
{
	background-color: #7F7F7E;
  width:55px;
  height:26px;
  border-bottom: #CCCCCC;
	border-width: 0 0 1px 0;
 	Color: #FFFFFF;
	border-style: solid;
}

.PercentColumns
{
  width:55px;
  font-family: Arial, Helvetica, sans-serif;
 	Color: #FFFFFF;
}

.RateGridFooter
{
  left:0;
  position: relative;
  width:312px;
  height: 40px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 1.3em;
	padding: 0 0 0 .5em;
	background-color:#8E8E8F;
	vertical-align:top;
}

.RateGridFooter TD {  color: #FFFFFF;}
.RateGridFooter A { color: #84BFFF; }
.RateGridFooter A:Visited { color: #FFFFFF; }
/* This controls the overall width of the rate grid */
.overAllDiv
{
  position:relative;
  top:0px;
  left:0px;
 	color: #FFFFFF;
 	width:312px;
}
/* end of home page rate grid */

/* General style classes */
.title
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,Geneva, sans-serif;
    FONT-SIZE: 14pt;
    LINE-HEIGHT: 16pt
}
.subtitle
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.smallcopy
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 12pt;
}

/* styles for detail rate page*/
.TabStrip
{
  border-bottom:.05em solid #eee;
  cursor: pointer;
  position:relative;
  vertical-align:bottom;
  z-index:1000;
}

.TabStrip a
{
  border-bottom:none;
}
#inputtresults
{
  cursor:pointer;
}

.ActiveTab
{
 	font-size: 10px; 
  background-color:#FFFCFD;
  border-top-style:outset;
  border-right-style:outset;
  border-left-style:outset;
  border-top-width:.05em;
  border-right-width:.05em;
  border-left-width:.05em;
  border-bottom-width: 0;
  text-align:center;
  cursor:pointer;
  padding:0 5px 0 5px;
  width:70px;
  z-index:10000;
}

.InActiveTab
{
 	font-size: 10px; 
  background-color:#8E8E8F;
  border-top-style: inset;
  border-right-style:inset;
  border-left-style:inset;
  border-top-width:.05em;
  border-right-width:.05em;
  border-left-width:.05em;
  border-bottom-width: 0;
  color:White;
  text-align:center;
  cursor:pointer;
  position:relative;
  padding:0 5px 0 5px;
  width:70px;
  z-index:1200
}

.InputResultsArea
{
  border-right-style:outset;
  border-left-style:outset;
  border-bottom-style:outset;
  border-top-width:0;
  border-right-width:.05em;
  border-left-width:.05em;
  border-bottom-width:.05em;
  padding:.5em 1em 0 .5em;
  background-color:#FFFCFD;
  width:100%;
  z-index:100;
}

#divInput
{
  position:relative;
  left:0;
}

#divResults
{
  position:relative;
  top:0;
  left:0;
  vertical-align:top;
}

.ResultsHeader
{
  background-color:#198353;
  color:#fff;
  margin:7px 0 0 0;
  text-indent:1em;
  font-weight:bold;
}

.ResultTables
{
  background-color:#fff;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

.ResultTablesAltRows
{
  background-color:#e0e0e0;
}

/*This is used on rate sheet for percentage columns */
.ResultHeaderSmall
{
  background-color: #d4d0c8;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: center;
  width:75px;
}
/*This is used on the rate sheet for text columns*/
.ResultHeaderLarge
{
  background-color: #d4d0c8;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: center;
  width:85px;
}
/*This is used on rate sheet for percentage columns */
.ResultItemSmall
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: center;
  width:75px;
}
/*This is used on the rate sheet for text columns*/
.ResultItemLarge
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: right;
  padding-right:.8em;
  width:85px;
}

/* Buttons */
.ApplyButton
{
  background:transparent url("/CommonImages/applygradient.gif") repeat 0px 0px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  width: 80px; 
  height: 20px; 
}

.CommonButton
{
  background:transparent url("../../CommonImages/graygradient.gif") repeat 0px 0px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height: 20px; 
}

.CommonButtonWide
{
  background:transparent url("../../CommonImages/graygradient.gif") repeat 0px 0px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height: 20px; 
  width:160px;
}

/* These are general classes for most DataGrids  */
.InfoGrid
{
  background-color:#fff;
  margin-left:.5em;
  vertical-align:top;
  width:460px;
}

.InfoGrid IMG
{
  padding-left:3px;
  padding-right:3px;
}

.AltInfoGridRows {  background-color:#e0e0e0; border-left-color:#e0e0e0; border-right-color:#e0e0e0; }
.InfoGridHeader { background-color:#198353; color:White; }
.InfoGridFooter { background-color:#e5ebc3;}

/* Closing Costs page specfic */
.ccText { line-height: 10pt; vertical-align:top; }
.InfoGridFee { text-align:right; }
.HeaderText { color:#fff; }
.FooterText { text-align:right; padding-left:2px; }
.SubTotalDescription { text-align:right; }
.SubTotalAmount { text-align:right; text-decoration:underline; }

.EqHousing
{
  background: #198353 url(/ClientIncludes/dev.lenderlivedemo/EOH_greenback.gif) no-repeat;
  background-position:CENTER TOP;
  width:40px;
  height:35px;
  color: #FFFFFF;
}

#border-eqhousing
{
	border-top: 1px solid #82487B;
	border-right: 1px solid #CDADBC;
}

#header
{
	background-color: #8d5c89;
	border-bottom: 1px solid #CDADBC;
}

.eq-housing
{
	font-size: 9px;
	font-family: tahoma, arial;
	color: #FFFFFF;
	line-height: 14px;
	padding: 6px 15px 12px 15px;
	background-color: #198353;
}

#fill-accent { background-color: #D7CDD2;}

/* Static Ratesheet */
.StaticRateTables
{ 
  background-color:#fff;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  width:480px;  
}
.StaticRateProgram
{
  background-color:#198353;
  color:#fff;
  margin:7px 0 0 0;
  text-indent:1em;
  font-weight:bold;
  width:480px;  
}
.StaticRateTablesAltRows
{  
  background-color:#e0e0e0;
}

.StaticResultHeaderLarge
{
  background-color: #d4d0c8;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  text-align: center;
  width:120px;
}

.StaticResultItemSmall
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  text-align: center;
  width:65px;
  
}
/*This is used on the rate sheet for text columns*/
.StaticResultItemLarge
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  text-align: right;
  padding-right:.4em;
  width:120px;
}



/* Closing Costs page specfic */
.ccText { line-height: 10pt; vertical-align:top; }
.InfoGridFee { text-align:right; }
.HeaderText { color:#fff; }
.FooterText { text-align:right; padding-left:2px; }
.SubTotalDescription { text-align:right; }
.SubTotalAmount { text-align:right; text-decoration:underline; }

