@charset "utf-8";

body {
	margin: 0px;
	background: #f3f3f3 url(images/main_bg.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
a{
	color: #009;	
}
a:hover{
	color: #777;	
}
a#home_link{
	display: block;
	height: 113px;
	width: 357px;
	position: absolute;
	top: 20px;
	left: 10px;
	text-decoration: none;
}
a img{
	border: none;	
}
div#wrapper {
	width: 1000px;
	margin: 0px auto;
	background: #fff;
	position: relative;
	background: #fff;
}
div#header{
	background: url(images/header.jpg) no-repeat bottom;
	display: block;
	height: 170px;
}

div#subnav{
	float: left;
	width: 200px;
	display: block;
	height: 400px;
}

div#subnav ul.menu_on{
		list-style-type: none;
		margin:0px;
		padding: 0px;
}

table{
	width: 100%;
	padding-bottom: 20px;
}
th{
	text-align: left;
	background: url(images/background_th.png) repeat-x bottom;
	font-weight: bold;
	padding-left: 5px;
	width: 100%;
	
}

#drawling{
	width:380px;
	position:absolute;
	border:1px dotted #fff;
	background:#ddd;
	text-align:left;
	padding:10px 0px 0px 10px;
	z-index:4;
}
#drawling a{
	border-top:1px dotted #fff;
	margin-top:10px;
	margin-left:-10px;
	display:block;
	padding:10px;
	background:#888;
	color:#fff;
	text-decoration:none;
}
#drawling a:hover{
	color:#000;
}
#overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:3;
}

div.fieldset{
	border:1px solid #cfd8de;
	margin-bottom:10px;
	padding:10px;
	z-index:1;
	position:relative;
	height: 1%;
}
fieldset{
	border:1px solid #cfd8de;
	margin-bottom:10px;
	padding:10px;
}
fieldset label{
	margin-left:0px;
}
span.label{
	display:block;
	float:left;
	padding-top:3px;
}
legend{
	border:1px solid #cfd8de;
	padding:3px;
	color:#000;
	background:#fff;
	font-weight:bold;
	margin-bottom:10px;
}
.nowidth{
	width:auto
}
.hidden{
	display:none;
}
#prodprogress{
	text-align:left;
	margin-bottom:5px;
	z-index:2;
	position:relative;
}
#prodprogress a{
	border:1px solid #cfd8de;
	color:#cfd8de;
	padding:5px;
	text-decoration:none
}
#prodprogress a:hover{
	background:#cfd8de;
	color:#fff;
}
#prodprogress a.on{
	border-bottom:1px solid #fff;
	color:#a6b7bf;
}
#prodprogress a.on:hover{
	background:none;
	color:#a6b7bf;
}
label.float{
	display: block;
	width: 150px;
	text-align: right;
	float: left;
}
div#buttons{
	padding-left: 40px;	
}
h1{
	color: #003b6d;
	font-size: 20px;
}
div#buttons div#mortgageCalcs{
	background: url(images/mortgage_calc_btn.jpg) no-repeat;
	display: block;
	width: 265px;
	height: 167px;
	float: left;
	padding-left: 40px;
	padding-top: 10px;
}
div#buttons div#lender_promos h1{
line-height: .9em;
}
div#buttons div#lender_promos{
	background: url(images/login_background.jpg) no-repeat;
	display: block;
	width: 265px;
	height: 167px;
	float: left;
	padding-left: 40px;
	padding-top: 10px;
}
div#buttons div#login{
	background: url(images/login_background.jpg) no-repeat;
	display: block;
	width: 265px;
	height: 167px;
	padding-left: 40px;
	padding-top: 10px;
	float: left;
}

div#buttons div#login h1{
	padding-bottom: 10px;
}
div#second_menu{
	display: block;
	width: 280px;
	float: left;
	margin-left: 40px;
}
div#main_news{
	display: block;
	width: 570px;
	height: 250px;
}
div#main_news h1{
	padding-top: 0px;
	margin-top: 0px;
}
form#login_form h1{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div#second_menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	
}

div#second_menu li{
border-bottom: 1px solid #ede;
font-size: 15px;
margin: 0px;
padding: 0px;
}

div#second_menu li.on a{
 background: url(images/second_menu_on.jpg)left no-repeat;
}
div#second_menu li.on a:hover{
 background: url(images/second_menu_on.jpg)left no-repeat;
}
div#second_menu li li.on a{
 background: url(images/second_menu_on.jpg)left no-repeat;
}
div#second_menu li li.on a:hover{
 background: url(images/second_menu_on.jpg)left no-repeat;
}
div#second_menu li.last{
	border: none;	
}
div#second_menu li a{
	text-decoration: none;
	color: #5b5f60;
 	background: url(images/second_menu_arrow.jpg) top left no-repeat;
	padding-left: 50px;
	padding-bottom: 7px;
	padding-top: 7px;
display: block;
}

div#second_menu li a:hover{
 	background: url(images/second_menu_arrow_over.jpg) top left no-repeat;
color:#034289;
}
div#header{
	text-align: right;
	font-size: 14px;
}

div#header ul{
	list-style-type: none;
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 10px;
}
div#header ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #555;
}

div#header ul li.last{
	border: none;
}
div#header ul li a{
	text-decoration: none;
	color: #555;
}

div#header ul li a:hover{
	text-decoration: underline;
}
div#header ul li ul{
	display: none;
}
span.newsDate a{
	color:	#023a6d;
	text-decoration: none;
	font-weight: bold;
	
}
div#footer{
	text-align: center;	
	display: block;
	clear: both;
	margin-right: 35px;
	color:#666;
}
div#footer a{
	color:#999;
}
div#footer a:hover{
	color:#999;
}
span.newsDate a:hover{
	text-decoration: underline;
}
p.news_summary{
	color: #000;	
}
form#login_form label{	
width: 50px;
}
.panel_bg{
	background: url(images/login_background.jpg) no-repeat;
	display: block;
	width: 230px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 5px;
	height: 145px;
}

form#msg_form div.msg_body{
	display: block;
	margin-left: 100px;
	border: 1px solid #e5e8e6;
	float: left;
	width: 500px;
}
div.msg_box{
	padding: 10px;
	display: block;
	border: 1px solid #bbb;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #eee;
	height: 1%;
	
}
div#fieldset_docs div.msg_box{
	padding: 10px;
	display: block;
	border: 1px solid #bbb;
	margin: 0px;
	margin-bottom: 10px;
	background: #eee;
	height: auto;
	width: 500px;
	float: left;
}div#fieldset_reqdocs{
	height: 1%;
}
div#fieldset_reqdocs div.msg_box{
	padding: 10px;
	display: block;
	border: 1px solid #bbb;
	margin: 0px;
	margin-bottom: 10px;
	background: #eee;
	height: auto;
	width: 500px;
	float: left;
}
div#document_list{
	display: block;
	float: right;
	width: 335px;
	background: #FFC;
	border: 1px dotted #444;
	padding: 5px;
}
div#document_list form#doc_form input{
	width: auto;
	margin-bottom: 5px;
}
form#doc_form{
	display: block;
	width: 500px;
	float: left;
}
form#msg_form textarea{
	width: 300px;	
	height: 100px;	
	margin-bottom: 5px;
}
form#msg_form input{
	width: 298px;
	margin-bottom: 5px;
}
form#msg_form input.btn{
	width: auto;
}
form#msg_form{
	clear: both;	
	width: 600px;
	display: block;
	margin-left: 8px;
}

div.msg_id{
	float: left;
	display: block;
	width: 150px;
}
div.msg_content{
		
	border-left: 1px solid #333;
	display: block;
	width: 500px;
	float: left;
}

div.msg_content div.msg_body{
	display: block;
	margin-left: 15px;
	width: 400px;
}

div.msg_content div.msg_title{
	display: block;
	margin-left: 77px;
	width: 400px;
}

div.msg_content label.float{
	display: block;
	width: 75px;
	text-align: right;
	float: left;
}
br.clear{
	clear: both;	
}
h1,h2,h3{
	color: #003b6d;
}
h1{
	font-size: 20px;
}
h2{
	font-size: 13px;
}
input.login_btn{
	margin: 0px;
	padding: 0px;
	margin-bottom: -10px;
	margin-top: -5px;
}
div#bg_mark{
	height: 196px;
	width: 102px;
	display: block;
	position: absolute;
	top: 0px;
	left: -102px;
	background: url(images/swoosh.png) no-repeat;
}
div#content{
	padding-left: 40px;
	padding-right: 30px;
	margin: 0px;
	margin-top: -14px;
}
table#app_listing tr.odd{
	background: #eee;	
}
table#app_listing th{
	background: url(images/background_th.png) repeat-x bottom;
	font-weight: bold;
	padding-right: 10px;
	width: 125px;
}
table#app_listing th.newlist{
	width: 200px;
}
td{padding-left: 5px;}
table#app_listing{
	border:0px;	
	display: block;
	width: 100%;
}

form#profile_form label, form#profile_form input, form#profile_form textarea {
	margin: 2px 0px 2px 0px;
}

form#profile_form label {
	width: 150px;
	margin: 7px 5px 0px 0px;
	display: block;
	float: left;
	text-align: right;
}

form#profile_form input[type=text], form#profile_form input[type=password], form#profile_form textarea {
	width:200px;
	padding:3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#quickapp_form label{	
display: block;
width: 225px;
text-align: right;
float: left;
margin-right: 3px;
}

form#quickapp_form select{
	margin-bottom: 5px;
}
form#quickapp_form input{
	margin-bottom: 5px;
}
div#home_livesupport{
	background: url(../../_images/live_support_btn_home.jpg) no-repeat;
	display: block;
	width: 197px;
	height: 55px;
	float: left;
	padding-top: 80px;
	padding-left: 45px;
	
}
a div#home_livesupport{
	text-decoration: none;
}
a:hover div#home_livesupport{
	text-decoration: underline;
}
a div#home_quickmortgage{
	text-decoration: none;
}
a:hover div#home_quickmortgage{
	text-decoration: underline;
}
div#home_quickmortgage{
	background: url(../../_images/quick_mortgage_btn_home.jpg) no-repeat;
	display: block;
	width: 192px;
	height: 55px;
	float: left;
	padding-top: 80px;
	padding-left: 40px;
	
}
div#left_home_box{
	background: url(../../_images/left_home_box.jpg) no-repeat;
	display: block;
	width: 409px;
	height: 250px;
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 20px;
}
div#right_home_box{
	background: url(../../_images/right_home_box.jpg) no-repeat;
	display: block;
	width: 399px;
	height: 270px;
	float: left;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 20px;
}
div#top_home_text{
	display: block;
	float: left;
	height: 135px;
	width: 410px;
	padding-left: 40px;
}
.home_box ul{
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	
}
.home_box ul li{
	margin: 0px;
	padding: 0px;
	
}
p.no_edit_warning{
	padding: 10px;
	display: block;
	margin: 0px 10px 10px 10px;
	border: 1px dashed #999;
	background: #FFC;
}
p.account_login_info{
	padding: 10px;
	width: 600px;
	display: block;
	margin: 60px auto 10px auto;
border: 1px dashed #999;
background: #FFC;
}
form.application_form table input{
	width: 130px;
}
form.application_form table input.chk{
	width: auto;	
}
form.application_form table input.radio{
	width: auto;	
}
div.link_column ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.link_column ul li{
	margin: 0px;
	padding: 0px;
}

div.link_column h2{
	font-size: 18px;
}
div.link_column{
	display: block;
	width: 33%;
	float:left;
}
div.applicant_box{
	width: 280px;
	display: block;
	float: left;
	margin-left: 15px;
}
table#dsploan{
	margin-left: 10px;
	width: 880px;
}
div.button_red{
	background: url(images/background_button_red_large.jpg) no-repeat;
	display: block;
	height: 20px;
	width: 108px;
	text-align: center;
	padding-top: 4px;
	color: #fff;
	font-weight: bold;
}
div.button_green{
	background: url(images/background_button_green_large.jpg) no-repeat;
	display: block;
	height: 20px;
	width: 108px;
	text-align: center;
	padding-top: 4px;
	color: #fff;
	font-weight: bold;
}
div.button_orange{
	background: url(images/background_button_orange_large.jpg) no-repeat;
	display: block;
	height: 20px;
	width: 108px;
	text-align: center;
	padding-top: 4px;
	color: #fff;
	font-weight: bold;
}

h1.title{
	width: 300px;
	float: left;
	display: block;
	
}
h2.thedate{
	width: 300px;
	float: right;
	display: block;
	text-align: right;
	margin-right: 20px;
	
}
.documentlist{
	float: right;	
}

div#tooltip {
	border:1px dotted #333;
	background:#ffe;
	position:absolute;
	font-size:11px;
	padding:10px;
	width:200px;
	text-align:left;
	opacity:.94;
}