/* LBS Financial Credit Union StyleSheet */

/*:::::DEFAULTS:::::*/
html,body			{ margin:0; padding:0; background-color:#765F4F; font-family:Arial, Helvetica, sans-serif; }
body				{ background-color:#ebe5e5;  font-family:Arial, Helvetica, sans-serif; color:#444; text-align: center; font-size:11px;}
form				{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
td, th				{ font-family:Arial, Helvetica, sans-serif; color:#444; margin:0; text-align:left; }
img					{ border:0; margin:0; padding:0; }
.hide 				{ display: none; }

td.shadeTop			{ background: url(img/ds-top.gif) repeat-x; }
td.leftAll			{ background: url(img/left-bg-all.gif) }

a, a:link, a:visited, a:active	{  text-decoration: none; color: #705a60; font-size:11px; }
a:hover				{ text-decoration: underline; }

/*h1					{ margin: 0; padding: 0; color: #005596; font-size: 20px; margin-top: 0; margin-bottom: 8px; font-weight: bold;}
h2					{ color: #005596; font-size: 15px; margin-top: 0; margin-bottom: 8px; font-weight: bold;}
h3					{ color: #005596; font-size: 12px; font-weight: bold; margin-bottom: 0;}*/

h1			{ font:normal normal bold 12px Arial, Helvetica, sans-serif; color:#5C333B; margin: 20px 0px 5px 0; padding: 0px 0px 0px 0px;}
h2			{ color: #5C333B; font-size: 15px; margin-top: 0; margin-bottom: 8px; font-weight: bold;}
h3			{ font:normal normal bold 9pt Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size: 13px; line-height: 10px; margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

.cleaner			{ clear: both; margin: 0; padding: 0; }
.variable			{ clear: both; }

/*:::::LIST LINKS:::::*/
.columnRight ul 			{ padding-bottom: 1px; list-style: none; font-size: 11px;  color: #e80e0e; margin: 0; padding: 0; }
.columnRight ul li a 	    { background: url(img/copper-arrow2.gif) no-repeat 2px 5px; font-weight: normal; display: block; color: #e80e0e; padding-left: 14px; }
.columnRight ul li a:hover 	{ background: url(img/copper-arrow2.gif) no-repeat 2px 5px; display: block; }

.listLinks ul			{ padding: 0; margin: 0; list-style: none; }
.listLinks a 			{ text-decoration: none; }
.listLinks a:hover		{ text-decoration: underline; }

.listLinks ul.copper li 		{ padding-bottom: 1px; font-size: 9px; }
.listLinks ul.copper li a 	    { background: url(img/copper-arrow.gif) no-repeat 2px 5px; display: block; color: #705a60; padding-left: 10px; }
.listLinks ul.copper li a:hover { background: url(img/copper-arrow.gif) no-repeat 2px 5px; display: block; }

.listLinks ul.section li 			{ padding-bottom: 1px; font-size: 11px;  color: #666; }
.listLinks ul.section li a 	    	{ background: url(img/copper-arrow2.gif) no-repeat 2px 5px; font-weight: bold; display: block; color: #705a60; padding-left: 14px; }
.listLinks ul.section li a:hover 	{ background: url(img/copper-arrow2.gif) no-repeat 2px 5px; display: block; }
.listLinks ul.section li a.current 	{ background: url(img/copper-arrow2.gif) no-repeat 2px 5px; display: block; color: #000000; }


/*:::::SUB NAV LINKS:::::*/
.inlineLinks ul			{ padding: 0; margin: 0; list-style: none; padding-top: 4px; padding-left: 5px; }
.inlineLinks a 			{ text-decoration: none; }
.inlineLinks a:hover	{ text-decoration: underline; }

.inlineLinks ul.subNav li 			{ padding-left: 8px;  font-size: 11px; display: inline; }
.inlineLinks ul.subNav li a 	    { font-weight: normal; color: #ffffff; padding-right: 8px; }
.inlineLinks ul.subNav li a:hover 	{ color: #fcd376; text-decoration: none; }
.inlineLinks ul.subNav li a.on		{ font-weight: bold; color: #fcd376; }	


/*:::::LOGO & LOGIN AREA:::::*/
#logo		{ width: 174px; background: url(img/login-bg.gif) repeat-y; }
#login		{ width: 155px; background: url(img/login-bg.gif) repeat-y; padding: 6px 10px 0 9px; }
#loginb		{ clear: both; }
#logtitle	{ height: 20px; clear:both; width: 125px; }
.logintxt	{ color: #333; float: left; padding-top: 2px; }
.input		{ border: 1px solid #705a60; float: right; width: 94px; padding-left: 4px; }
td.left-bg	{ background: url(img/left-bg.gif) no-repeat; }

td.ybox		{ background-color: #ebe5e5; padding: 0; margin: 0; }
.quicklinks { width: 135px; color: #464542; font-size: 10px; margin: 0 5px 5px 5px; }

/*:::::NAVIGATION/HEADER:::::*/
.toplinks			{ padding-top: 4px;}
.hd-left			{ float: left; width: 6px; }
.hd-right			{ float: left; width: 5px; }
.hd-fill
{
	background: url(img/hd-fill.gif) repeat-x;
	width: 100%;
	height: 33px;
	text-align: right;
	font-weight:bold;
	color: #dc0c45;
	vertical-align: top;
}
/* Header Links*/
.hd-fill a			{ text-decoration: none; font-size:13px; color: #725b5f; }
.hd-fill a:hover	{ text-decoration: underline; font-size:13px; color: #725b5f; }

.search			{ float: right; }
.searchbox		{ border: 1px solid #d8c99d; width: 94px; height: 15px; margin-top: 2px; color: #666666; font-size: 10px; padding: 2px 0 0 3px; }

/*:::::NAVIGATION COLORS:::::*/
#nav			{ width: 574px; background: url(img/nav-left.gif) no-repeat #e6dede; }
.nav-bar		{ width: 569px; margin-left: 5px; background: url(img/nav-shadow.gif) repeat-x; }
#subPersonal	{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #7f7419 solid; padding-bottom: 5px; color: #FFF; background: #6f732d;  }
#subBusiness	{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #194f76 solid; padding-bottom: 5px; color: #FFF; background: #276796;  }
#subLoans		{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #a56f05 solid; padding-bottom: 5px; color: #FFF; background: #c58508;  }
#subHomeLoans	{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #992c1f solid; padding-bottom: 5px; color: #FFF; background: #A12830;  }
#subWealth		{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #442859 solid; padding-bottom: 5px; color: #FFF; background: #624579;  }
#subAbout		{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #774921 solid; padding-bottom: 5px; color: #FFF; background: #5f5a5b;  }
#subMember		{ width: 564px; margin: 0 0 6px 5px; border-bottom: 1px #774921 solid; padding-bottom: 5px; color: #FFF; background: #7C2230;  }


/*:::::PAGE LAYOUT:::::*/
.imgtop			{ width: 569px; background: url(img/yfade.gif) no-repeat; padding-left: 5px; }
.spacer			{ clear:both; padding-top: 23px; background: url(img/yfade.gif) no-repeat; }
td.main			{ background: url(img/water-mark.gif) no-repeat #fcf8ec; }
td.mainContent	{ background: #ffffff; }
#hline			{ height: 1px; background: url(img/home-bg.gif) no-repeat; } 
#content		{ background: url(img/content-bg.gif) no-repeat; }
#content .pad	{ padding:10px; }
.columnLeft		{ width: 300px; float: left; padding: 11px 12px 0 14px; margin-bottom: 30px; }
.cl1eft			{ width: 167px; padding-right: 17px; float: left; }
.line			{ float: left; width: 2px; }
#columnRight	{ padding-top: 17px; width: 170px; padding-left: 8px; float: left; text-align: left; }

/*:::::LIFE EVENTS SECTION:::::*/
.copperBox		{ width: 160px; background: url(img/icon-bg.gif) repeat-x #f1ead1; border: 1px solid #e8e1c5; margin-bottom: 5px; }
.whiteBox		{ width: 158px; height: 29px; border: 1px solid #FFFFFF; }
.icons			{ font-weight: bold; margin-left: 35px; padding-top: 8px; }

/*:::::DATA TABLE:::::*/
table.rates	{ border: 1px solid #c68e5a; }
td.rowHeader	{ border: 1px solid #9d5e23; background: #9d5e23; padding: 3px; width: 370px; color: #FFF; }
tr.rowContent	{ background: #c68e5a; border: 1px solid #c68e5a; }
tr.rowContent .cell	{ padding: 3px; color: #FFF; font-weight: bold; }
td.celllb	{ border-bottom: 1px solid #f7e7ca; border-left: 1px solid #f7e7ca; padding: 5px; }
td.apply	{ border-bottom: 1px solid #f7e7ca; text-align: center; border-left: 1px solid #f7e7ca; }
td.cellLeft	{ border-left: 1px solid #f7e7ca; padding: 5px; }


/*:::::FOOTER:::::*/
td.footer		{ border-top: 1px solid #705a60; }
#footBlue		{ background: url(img/footer-bar.gif) repeat-x; width: 748px; height: 24px; }
#footbg			{ background: url(img/footer-fade.gif) repeat-x; width: 748px; height: 59px; clear: both; }

.footlinks			{ color: #154d61; text-align: center; padding-top: 4px; }
.footlinks a		{ text-decoration: none; color: #FFF; }
.footlinks a:hover	{ text-decoration: underline; color: #FFF; }

.lender			{ padding: 7px 0 0 16px; width: 186px; float: left; }
.cr				{ padding-top: 10px; float: left; color: #705a60; font-size:11px}

/*:::::ADDED STYLES:::::*/
#history { margin-bottom:40px; padding-left:0; list-style-type:none}

/*:::: FORMS :::::*/
.formSections {
	border:1px solid #909c97;
	/*just testing temp style for ie
	_border:0;*/
	padding: 10px 10px 50px 10px;
	margin: 10px 0 30px 0;
	width:300px;
}

.formSections input { font-size:11px}

.formSections h2 {
	border-bottom:1px solid #909c97;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}	

.formSections .fieldGroup div {
	float: none;
	padding:0;
	margin-right:5px;
	padding-bottom:15px;
}

.formSections .fieldGroup .fieldGroup  {
	float:none;
	clear:left;
}

.formSections label {
	
	display: block;
	font-weight:normal;
}

.xBlank label {
	display:inline;
}

.fieldGroup {
	clear:left;
	padding:0;
	margin:0;
}

.required:first-line {
	font-weight:bold;
}

#certReadAffidavit, #receiptOfDisclosure {float:left;}
#submit { margin-bottom:20px; text-align:center}

#city { width:100px;}

#alienRegNum, #visaType, #driverLicClass{width:75px;}

hr {float:none;clear:left; margin: 10px 0;}

textarea{font-size:11px; font-family:Arial, Helvetica, sans-serif; width:90%}

.certify {overflow:auto; height:125px;}


/* ::::::::::::::: JOB SEARCH :::::::::::::::::::::::: */
div.searchGroup{ margin-bottom:15px; clear:left; float:none; display:block;}
.searchOption { width:100px; float:left; text-align:right; margin: 0 5px 0 0}

.searchOption h3 { margin:0; padding:0}
.searchField { }
.searchField select { width:250px; height:60px; }

#searchResults { list-style-type:none; margin-left:0; padding-left:0;}
#searchResults li { margin-bottom:5px;}

.shadowLeft { 
    width:40px;
	height:575px;
	margin:0px 0px 0px 0px;
	float:left;
	border: 0px solid #000000;
	}

.shadowRight { width:40px;
	height:575px;
	margin:0px 0px 0px 0px;
	float:right;
	border: 0px solid #000000;
	}