/* html, div, class and id settings are listed as ordered on page */
/* rules are listed in alphabetical order */

@import url("/templates/ELOAN/eloan-nav.css");
@import url("/templates/ELOAN/eloan-modules.css");
@import url("/templates/ELOAN/eloan-forms.css");

/* start HTML ELEMENT settings 
-----------------------------------------------------------------------------------*/
BODY {
	background: #fff;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 76%;
	margin: 0px;
	padding: 0px;
	text-align: center;}
TD, TH {
	margin: 0;
	padding: 0 6px;
	vertical-align: top;}
h1 {
	color: #003366;
	font-size: 1.8em;
	font-weight: 400;
	line-height: .9em;
	margin: 0;
	padding: 10px 0 0 0;}
h2 {
	color: #006699;
	font-size: 1.6em;
	margin: 0;
	padding: 0;}
h3 {
	color: #336699;
	font-size: 1.3em;
	margin: 0;
	padding: 0;}	
h4 {
	color: #003366;
	font-size: 1.1em;
	margin: 0;
	padding: 0;}	
h5 {
	color: #003366;
	font-size: 1em;
	margin: 0;
	padding: 0;}
#content h1 a {
	text-decoration: none;}
UL {
	margin: 10px 0px 10px -10px;
	_margin: 10px 10px 10px 30px;}
UL LI {
	list-style-image: url("/art/images/bullet.gif");}
LI a:hover, LI a:active {
	list-style-image: url("/art/images/bullet_hover.gif");}
OL LI {
	list-style: decimal;
	list-style-image: none;}
img {
	border: 0px;}
A {
	color: #006699;
	text-decoration: underline;}
A:visited {
	color: #006699;}
A:hover {
	color: #006600;
	text-decoration: none;}
form, input {
	margin: 0;
	padding: 0;}
hr { /* to be removed when possible */
	border: 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;}
/* end HTML ELEMENT settings */
	

/* start OVERALL settings and GENERIC classes (in alpha order) 
-----------------------------------------------------------------------------------*/
#container {
	border: 0px solid #000;
	font-size: 1.1em;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
	width: 791px;}

.alerts {/* used in My ELOAN accounts */
	background: url("/art/images/alert.gif") left top no-repeat;
	border-bottom: 1px solid red;
	color: #cc0000;
	margin: 10px;
	padding: 0 0 4px 25px;}
.autocalc-back {
	background: url("/art/images/autocalc_back.gif") repeat-y;
	padding: 0px 15px 10px 5px;}
.autocalc input.button {
	margin: 0 20px 0 0;}	
.autocalc .padding td {
	border: 0px solid #000;
	padding: 2px;
	vertical-align: middle;
	width: 450px;}
.autocalc td {
	padding: 5px;}	
.autocalc td h1 { /* for calculate payment page */
	background: #F3F8FE;
	border-bottom: 1px solid #6699cc;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 10px;}
.autocalc td h4, .autocalc td h3 { /* for calculate payment page */
	padding: 0 10px;}
.button { /* all buttons throughout the site */
	background: #ccc url("/art/images/button.gif") center right no-repeat;
	border: 1px solid #CC9900;
	color: #003366;
	font-size: .85em;
	font-weight: bold;
	margin: 0;
	padding: 2px 17px 3px 5px;
	white-space: nowrap;}
a.button, a:visited.button {
	color: #003366;
	height: 2em;
	margin: 2px 0;
	text-decoration: none;}
.button.selected { /* blue version of the yellow button */
	background: #CC9900 url("/art/images/buttonBlue.gif") center right no-repeat;}	
.button.secondary { /* blue version of the yellow button */
	background: #CC9900 url("/art/images/buttonGrey.gif") center right no-repeat;}	

.button2 { /* all buttons throughout the site */
	background: #ccc url("/art/_images/buttons/bkgd_2_blue.gif") center right no-repeat;
	border: 1px solid #6699CC;
	color: #003366;
	font-size: .85em;
	font-weight: bold;
	margin: 0;
	padding: 2px 20px 3px 10px;
	white-space: nowrap;}
a.button2, a:visited.button2 {
	color: #003366;
	height: 2em;
	margin: 2px 0;
	text-decoration: none;}

.button3 { /* all buttons throughout the site */
	background: #ccc url("/art/_images/buttons/bkgd_2_grey.gif") center right no-repeat;
	border: 1px solid #999;
	color: #333;
	font-size: .85em;
	font-weight: bold;
	margin: 0;
	padding: 3px 20px 3px 10px;
	white-space: nowrap;}
a.button3, a:visited.button2 {
	color: #333;
	height: 2em;
	margin: 2px 0;
	text-decoration: none;}
.button4 {
	background: #ffd457 url(/art/_images/buttons/bkgd_4_yel.gif) center right no-repeat;
	border: 2px solid #c90;
	color: #036;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 8px 35px 8px 15px;
	white-space: nowrap;
	}
a.button4, a.button4:visited, a.button4:hover {
	color: #036;
	height: 2em;
	text-decoration: none;
	}
.button5 {
	background:  url(/art/_images/buttons/round_blue.gif) center right no-repeat;
	color: #036;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 8px 50px 8px 40px;
	white-space: nowrap;
	}
a.button5, a.button5:visited, a.button5:hover {
	background:  url(/art/_images/buttons/round_blue.gif) center right no-repeat;
	color: #036;
	height: 2em;
	text-decoration: none;
	}
.button6 {
	background: #ffd457 url(/art/_images/buttons/bkgd_6_yel.gif) center right no-repeat;
	color: #036;
	font-size: 27px;
	font-weight: bold;
	margin: 0;
	padding: 12px 50px 12px 20px;
	white-space: nowrap;
	font-family: helvetica, arial;
}
a.button6, a.button6:visited, a.button6:hover {
	color: #036;
	height: 2em;
	text-decoration: none;
	}
.pageTop { /* for most buttons that link to the top of the page */
	border-bottom: 1px solid #eee;
	padding: 0 0 4px 0;
	text-align: right;}
.pageTop .button {
	background: url("/art/images/button_up.gif") right no-repeat;}
.borderTop {
	border-top: 1px solid #ccc;}
.borderBottom {
	border-bottom: 1px solid #ccc;}
.borderRight {
	border-right: 1px solid #ccc;}
.borderLeft {
	border-left: 1px solid #ccc;}
.box { /* misc box */
	border: 1px solid #ccc;
	float: left;
	margin: 4px;
	padding: 10px;
	position: relative;}
.box h2 {
	background: #f3f8ff;
	border-bottom: 1px solid #ccc;
	margin: -10px -10px 4px -10px;
	padding: 10px 10px 0px 10px;
	text-align: center;}
.box .ne {
	_margin-right: -2px;}
.box .se {
	_margin-right: -2px;}
.error {
	color: #990000;}
.gradientBack {
	border-top: 1px solid #ccc;
	background: url("/art/images/backGreyGradient.jpg") top left repeat-x;}
.gradientBack p {
	background: transparent;
	padding: 0 4px;}
tr.highlight, table.highlight {
	background: #eee;}
tr.highlight th {
	background: #EEF4FC;}
th.highlight {
	background: #f3f8ff;
	border: 1px solid #ccc;
	padding: 10px;}
.homeSmallApp {
	position: absolute;
	top: -160px;}
.homeSmallApp table {
	position: relative;
	left: 190px;}
.homeSmallApp input, .homeSmallApp select { 
	width: 184px; }
/* loan advisor special settings */
.loanAdvisorHeader {
	float: left;
	margin: 0 0 10px 0;
	padding: 0px; 
	width: 500px;
	_width: 550px;}
	/*.loanAdvisorHeader.welcome {
		background:url('/art/LA_welcome_bkgrd.gif') no-repeat;}
	.loanAdvisorHeader.recommend {
		background:url('/art/LA_rec_bkgrd.gif') no-repeat;}
	.loanAdvisorHeader.addinfo {
		background:url('/art/LA_addinfo_bkgrd.gif') no-repeat;
		height: 100px;}*/
.loanAdvisorReasons {
	float: right;
	margin: 0 0 10px 0;
	width: 200px;}
.loanAdvisorReasons ul {
	margin: 0 0 0 -20px;
	_margin: 0 0 0 20px;}
.mainBox { /* mostly used in email forms, like contact page - see also, subBox */
	background: #f3f8ff; 
	border: 2px solid #ccc;
	padding: 10px;
	position: relative;}
.mainBox a.link {
	padding: 0 10px 0 0;}*/
.noPrint { /* for items that shouldn't be printed */
	display: none;}
table.padding td, table.padding th { /* for general padding */
	padding: 5px;}

table.padding2 td, table.padding2 th { /* for general padding */
	padding: 2px;}

	
	
/* for most charts and tables throughout the site, tableChartSmall is for big tables that need less padding and smaller fonts */
.tableChart, .tableChartSmall { 
	background: #fff;}
.tableChart td, .tableChart th {
	border: 1px solid #d1d1d1;
	padding: 6px;
	vertical-align: top;}
.tableChartSmall td, .tableChartSmall th {
	border: 1px solid #d1d1d1;
	font-size: .85em;
	padding: 4px;
	vertical-align: top;}
.tableChartSmall td a.button {
	font-size: 1em;}
.tableChart th, .tableChartSmall th {
	text-align: left;}
.tableChartSmall td p.applyButtons {
	padding: 0 20px 0 0;
	_padding: 0;}
#sideCol .tableChart {
	background: #fff;}
#sideCol .tableChart td, #sideCol .tableChart th {
	border: 0;
	padding: 0;}
.phoneNumber {
	color: #666;
	font-size: 1.7em;}
#content .quote {
	border-bottom: 1px solid #ccc;
	margin: 18px 0;}
#sideCol .quote {
	border: 0;
	font-style: italic;}
.quote strong { /* author of quote, brings them to next line */
	display: block;
	font-style: normal;}
.quote a {
	float: right;}
.red {
	color: red;}
.reg {  /* registration mark */
	background: url("/art/images/reg.gif") top right no-repeat; 
	padding: 0 10px 0 0;  
	white-space: nowrap;}
.required {
	color: red;
	font-size: 2em;
	line-height: 1em;
	margin: 4px 0 0 0;}
.selected {
	font-weight: bold;}
.shiftUp {	/* useful for divs that are next to <h> titles, that need to be on the same line */
	margin: -1.2em 0 0 0;
	_margin: -1.2em 0 -1em 0;}
.sm {  
	background: url("/art/images/sm.gif") top right no-repeat; 
	padding: 0 10px 0 0; 
	white-space: nowrap;} 
.smaller {
	font-size: 80%;}
h1 span.smaller {
	color: #006699;
	font-size: .9em;}
h2 span.smaller {
	font-size: .5em;}
h2.highlight span.smaller {
	font-size: .8em;}
.smallerForm, .formsubtext {
	color: #666;
	font-size: .8em;}
.specialMessage {
	background: #eee;
	border: 1px solid #bb0000;
	display: block;
	margin: 10px auto;
	padding: 10px;}
.specialMessage strong {
	color: #aa0000;}
.subBox { /* mostly used in email forms, like contact page - see also, mainBox */
	background: #eee; 
	border: 1px solid #ccc; 
	margin: 10px 0 0 0;
	padding: 10px;
	position: relative;}
.subBox li {
	list-style-image: url("/art/images/bullet.gif");
	margin: 10px 0;}
.textRight {
	color: #999;
	font-weight: bold;
	text-align: right;}
.texton { /* used with module messages to switch between menu items */
	display: block;}
.textoff { /* used with module messages to switch between menu items */
	display: none;}
.tm {  
	background: url("/art/images/tm.png") top right no-repeat; 
	padding: 0 10px 0 0; 
	white-space: nowrap;} 
.withdrawn td,.withdrawn th {
	background: #eee;
	color: #888;}
.curve { /* used on front page mostly */
	position: absolute;
	z-index: 5;}
.nw {
	left: 0;
	margin: -1px 0 0 -1px;
	top: 0;}
.ne {
	margin: -1px -1px 0 0;
	right: 0;
	top: 0;}
.sw {
	bottom: 0;
	left: 0;
	margin: 0 0 -1px -1px;}
.se {
	bottom: 0;
	margin: 0 -1px -1px 0;
	right: 0;}
	
#noJava {
	font-size: 1.5em; 
	padding: 10px 30px 10px 15px;
	margin: 0 0 10px 0;
	border: 1px solid #000;
	background: #fcc;
	z-index: 200;
	width: 100%;
	display: block;
	text-align: center;
	}
#noJava TD{
	font-size: 1.1em; 
	}
#noJava TABLE{
	margin: 0 auto;
	}
	
/* end OVERALL settings */


/* start HEADER settings 
-----------------------------------------------------------------------------------*/
#header {
	background: url("/art/images/eloanLogo.jpg") top center no-repeat;
	display: block;
	height: 72px;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 0;}
#header .logo {
	position: relative;
	z-index: 300;}
/* end HEADER settings */		


/* start UTILITIES settings 
-----------------------------------------------------------------------------------*/
#utilities {
	border: 0px solid #000;
	color: #000;
	font-size: .9em;
	font-weight: bold;
	height: 41px;
	margin: 0;
	padding: 0;
	position: relative;
	right: 10px;
	text-align: right;
	top: 10px;
	vertical-align: bottom;
	z-index: 10;}

#search, #cse-search-box{
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0; }
.searchGo {
	margin: 0 0 4px 0;}
/* end UTILITIES settings */	


/* start MAINNAV settings 
-----------------------------------------------------------------------------------*/
/* moved to new file - eloan-nav.css */



/* begin PAGE and CONTENT settings 
-----------------------------------------------------------------------------------*/
#page {
	border: 0px solid #000;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	width: 790px;}
#page table {
	clear: both; /* *************** REMOVE to see which pages may still need the content div (temporary fix) ************** */
	font-size: 1em;}
#content {
	background: url("/art/images/rightColBack.gif") right repeat-y;
	/* background: url("/art/images/leftColBack.gif") left repeat-y; */
	float: left;
	_float: none;
	margin: 9px 0 0 0;
	padding: 0;
	position: relative;
	text-align: left;
	width: 790px;}
#content h1 {
	margin: 0 0 10px 0;}
h2.highlight {
	background: #eee;
	font-size: 1.3em;
	margin: 0;
	padding: 4px;}
#content.noBack {
	background: transparent;
	padding: 10px 0;}
/* end PAGE and CONTENT settings */


/* begin MODULE settings 
-----------------------------------------------------------------------------------*/
/* moved to new file - eloan-modules.css */



/* start COL settings 
-----------------------------------------------------------------------------------*/
.genCol { /* personal loans page */
	float: left;
	width: 280px;
}
#leftCol {
	float: left;
	padding: 10px 0;
	width: 157px; /* same width as #moduleNav */}
#leftCol p {
	background: url("/art/images/backBlueArrowGradient.jpg") top left no-repeat;
	font-size: .9em;
	padding: 8px 2px 0 20px;}
#leftCol strong {
	color: #003366;
	display: block;}
#leftCol ul {
	background: url("/art/images/backBlueArrowGradient.jpg") top left no-repeat;
	display: block;
	margin: 10px 0 0 0;
	padding: 3px 0 0 20px; }
#leftCol li {
	padding: 3px 0 3px 0;
	display: block;}
#centerCol {
	border-left: 1px solid #eee;
	float: left;
	padding: 10px;
	width: 400px; /* same width as #moduleMessage - minus padding */}
#centerCol .rateTerms {
	font-size: 0.8em;
	margin: -15px 5px 5px 0;}
#centerCol table {
	margin: 18px 0 0 0;
	width: 400px;}
#centerCol th {
	background: #e0e0e0;
	color: #003366;
	padding: 2px;}
#centerCol td {
	padding: 4px 20px;}
#centerCol td a {
	color: #666;
	text-decoration: none;}
#centerCol td a:hover {
	text-decoration: underline;}
#mainCol { 
	float: left;
	padding: 20px 0px;
	width: 565px;}
#sideCol {
	float: right;
	margin: -6px 0 0 0;
	padding: 0px 10px 20px 10px;
	width: 178px; /* same width as #moduleRates - minus padding */
	_width: 198px; /* IE version */}
#sideCol h4 {
	background: url("/art/images/backBlueGradient.jpg") top left repeat-x;
	border: 1px solid #99CCFF;
	border-left: 4px solid #6699cc;
	color: #003366;
	font-size: .9em;
	margin: 6px -10px 6px -10px;
	padding: 4px 0 4px 7px;}
#sideCol select {
	margin: 10px 0 0 0;}
#sideCol ul {
	margin: 0 0 18px -28px;
	_margin: 0 0 18px 16px;}
#sideCol li {
	list-style: url("/art/images/bulletSide.gif");
	margin: 0 0 2px 0;
	padding: 0 0 4px 0;
	 /*margin: 0 0 0 -30px;
	_margin: 0 0 0 -20px;  not sure why i did this.  li's are used on 125% loan page*/}
#sideCol ol {
	margin: 10px 0 18px -18px;
	_margin: 10px 0 18px 26px;}
#sideCol ol li {
	list-style-image: url("/art/images/none.gif");
	list-style: decimal;
	margin: 0 0 2px 0;
	padding: 0 0 10px 0;}
/* end COL settings */


/* start FOOTER settings 
-----------------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #6699CC;
	clear: both;
	color: #4A697D;
	display: block;
	font-size: .8em;
	margin: 0 0 20px 0;
	padding: 2px;
	position: relative;
	text-align: left;}
#footer td {
	color: #4A697D;
	font-size: 11px;
	vertical-align: middle;
	}
#footer p {
	margin: 10px 0;}
#footer strong {
	font-size: 1.1em;}
#footer a { 
	color: #4A697D;
	padding: 0 4px 0 0;}
#footer a:visited { 
	color: #6C91A8;}
#footer a:hover { 
	color: #663300;}
#footer img, #footerPrint img {
	margin: 5px 4px 5px 4px;}
#footerPrint {
	border-top: 2px solid #eee;
	clear: both;
	color: #4A697D;
	font-size: .8em;
	margin: 0 0 20px 0;
	padding: 2px;
	position: relative;
	text-align: left;}
/* end FOOTER settings */


/* start POPUP settings 
-----------------------------------------------------------------------------------*/
body.popup td {
	font-size: .8em;}
body.popup {
	padding: 10px;
	text-align: left;}
	
/* for new WM popups -BrianB */
#popup td {
	font-size: .8em;}
#popup {
	padding: 10px;
	text-align: left;}
/* end POPUP settings */


/* start ETRACK settings 
-----------------------------------------------------------------------------------*/
.et_nav {font-size: 11px; margin: 15px 0 10px 0; background: #e3f1fc; padding: 4px 0 4px 0;}
.et_nav a {text-decoration: none;  padding: 2px 3px 2px 3px; font-weight: bold;}
.et_nav a:hover {background: #ffd457; padding: 2px 3px 2px 3px; text-decoration: underline;}
.et_notice { padding: 2px 5px 2px 5px; background: #ffff33; }
.et_borrower { font-size: 12px; font-weight: bold }
.et_coborrower { font-size: 12px; font-weight: normal }
.et_us {color: #005984}
.usColor {background: #005984}
.et_them {color: #770000}
.themColor {background: #770000}
/* end ETRACK settings */


.noBorder, td.noBorder, table.noBorder td {
	border: 0;}

	

/* FORM STRUCTURE 
-----------------------------------------------------------------------------------*/
/* moved to new file - eloan-forms.css */


/* NEW AUTO CALCULATOR 
-----------------------------------------------------------------------------------*/
/* moved to new file - eloan-autoCalc.css */


	
.questionMark {
	margin: 0 2px;
	position: absolute;
	z-index: 10;}
.questionMark img {
	position: relative;
	z-index: 100;}
.helptextOn {
	background: #fff3af;
	border: 2px solid #777;
	padding: 6px;
	position: absolute;
	text-align: left;
	z-index: 2000;
	width: 200px;}
.helptextOff {
	display: none;}
	


/* START SEARCH RESULTS */
.searchUtils {
	background: #eee;
	margin: 4px 0;
	padding: 4px 10px;
	width: 100%;
	_width: 790px;}
.searchUtils a {
	color: #777;
	padding: 0 6px;}
.searchUtils .selected {
	background: #fff;
	padding: 0 6px;}
.searchResults {
	margin: 0 0 6px 0;
	padding: 0 10px;}
.previous, .next {
	font-size: 120%;
	font-weight: 700;}
/* END SEARCH RESULTS */

.nowrap { white-space: nowrap; }