/*
--------------------------------------------------
CSS File for GMAC Mortgage

Copyright (c) GMAC Mortgage 2005
--------------------------------------------------
*/

/* ---------------------- GLOBAL SELECTORS --------------------- */
body{
	/*background-color: #cecbba;*/
	margin: 0px;
	padding: 0px;
}
a {
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #0038e3;
}
.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
hr {
	display: none;
}


#empty{
	padding: 0;
	margin: -2px 0 -4px 0;
	height: 8px;
}


/* ---------------------- HEADER BAR --------------------- */
#header_container {
	padding: 0;
	margin: 0;
	background: #ffffff;
}
#header {
	margin: 0 auto;
	padding: 0px;
	width: 778px;
	height: 50px;
}
#logo {
	margin: 0px;
	padding: 10px 0px 15px 2px;
	width: 430px;
	float: left;
	
}
#logo img{
	border: 0px;
}

#print_header{
	display:none;
}
#print_header_get_started{
	display:none;
}

#ht_careers_screen{
	margin-left: 300px;
}

/* ---------------------- UTILITY NAV --------------------- */
#utility_nav {
	margin: 0px;
	padding: 0px;
	float: right;
	
	width: 400px;
	text-align: right;

}
#utility_nav ul {
	margin: 0px;
	padding-right: 13px;
	display: inline;
}
#utility_nav li {
	list-style-type: none;
	display: inline;
	padding-right:5px;
}
#utility_nav a{
	font: normal 10px Verdana, Arial, sans-serif;
	color: #636363;
}

.util_item a {
	margin: 0px;
	padding-left: 10px;
	border-left: 1px solid #666;
}

/* ---------------------- SEARCH BAR & DATE--------------------- */
#search_bar {
	margin: 0px;
	padding-right: 8px;
	
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	width:335px;
	float:right;
	height:20px;
	margin-top:20px;
}
#print_date{
	display:none;
}
#date{
	margin: 0px;
	padding-right: 5px;
	float: left;
	clear:both;
	padding-top:10px;
	font: normal 10px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #525050;
}
.date_disp{
	margin-top:-2px;
	padding-left:6px;
	float:left;
}
#search_bar form {
	margin: 0px;
	float:right;
	margin-top:-22px;
}

.search_btn {
	
	margin: 0px;
	padding: 15px 15px 15px 15px;
}

.search_field {
	margin: 15px 5px 15px 15px;
	padding: 1px;
	padding-left: 3px;
	height: 13px;
	width: 100px;
	border-right: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-top: 1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	background-color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	float:left;
	clear:right;
}


/* ---------------------- MAIN NAVIGATION --------------------- */
#main_nav {
	margin: 0px;
	padding: 0px;
	clear: both;
	height:22px;
	margin:auto;
	background-color:#666;
	width: 778px;
}

#main_nav a {
	margin: 0px;
	padding: 4px 11px 4px 16px; 
	margin-left:-4px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#main_nav a:hover{
	color: #666;
	background-color:#DBDBDC;
}

/* ---------------------- ACTIVE TAB --------------------- */
#main_nav .nav_active_a {
	color: #fff;
	background-color:#ec9840;
}


/* ---------------------- CONTENT SHELL --------------------- */
#container_content {
	margin: 0 auto;
	padding: 0;
	width: 778px;
	clear: both;
}
#pagestyle_left-nav #container_shell {
	margin: 0;
	padding: 0;
	width: 778px;
	float: left;
}
#pagestyle_left-nav_apply #container_shell_apply {
	margin: 0;
	padding: 0;
	width: 778px;
	float: left;
}
#container_shell {
	margin: 0;
	padding: 0;
	width: 778px;
	float: left;
}

#maincontent {
	margin: 0px;
	padding: 0px;
	width: 593px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000;

}
#rightcontent {
	margin: 0px;
	margin-top:-2px;
	width: 177px;
	float: right; 
	position:relative;
	z-index:500;	
}

/* homepage right column classes */
#rightcontent_home {
	margin: 0px;
	width: 177px;
	float: right; 
	margin-top:-208px;
	position:relative;
	z-index:100;
	padding-top:0;
	margin-right:0px;
	height:200px;
}

#rightcontent_home p {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	clear: both;
}

#right_apply_home {
	margin: 0px;
	padding:4px 0 5px 0;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	margin-bottom:-35px;
}

#right_apply_home h3 {
	margin: 0px;
	padding: 0px;
	padding-top:5px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	font-size:32px;
	font-weight:100;
	margin-bottom:-5px;
	padding-left:2px;

	
}
#right_apply_home h4 {
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	color:#666;
	font-weight:100;
	font-size:18px;
	font-stretch:ultra-condensed;

}
#right_apply_home p {
	padding-top: 3px;
	border-top:1px dotted #CCC;
	margin-right:10px;
}
#right_apply_home p strong {
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	width:177px;
}
#right_apply_home a {
	margin: 0px;
	color:#044680;
}

#right_apply_home form {
	margin: 0px;
}


/* ---------------------- RIGHT CONTENT AREA --------------------- */
#rightcontent p {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	clear: both;
}
form {
	margin: 0px;
	padding: 0px 5px 0px 5px;
}
/* ---------------------- RIGHT CONTENT - Apply --------------------- */
#right_apply {
	margin: 0px;
	margin-top:10px;
	margin-bottom: 9px;
	padding-bottom:8px;
	background:url("../../images/rightCol_bk.jpg"/*tpa=http://www.gmacmortgage.com/images/rightCol_bk.jpg*/) right repeat-y;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
}
#right_apply form{
	margin:0;
}
#right_apply.online {
	margin: 0px;
	padding-bottom: 5px;
}

.button_findbranch{
	float:right;
}

#right_apply p u {
	color: #fff;
	font-weight: bold;
}
#right_apply h2 {
	margin: 0px;
	padding: 0px;
	font: 19px arial;
	font-weight: bold;
	padding-left: 5px;

}
/* Get Started Text */
#right_apply .get_started{
	padding-top:11px;
	margin-bottom:0;
}
#right_apply .h3 {
	margin: 0px;
	padding: 0px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	font-size:32px;
	font-weight:100;
	padding-left:2px;
	line-height:20px;
}
#right_apply .h3 br{
	line-height:1px;
}
#right_apply .h4 {
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	color:#666;
	font-weight:100;
	font-size:18px;
	font-stretch:ultra-condensed;
}
#right_apply p {
	padding: 5px 0 5px 4px;
	border-top:1px dotted #CCC;
	margin-right:10px;
}
#right_apply p strong {
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	width:177px;
}
#right_apply a {
	margin: 0px;
	color:#044680;
}
#telephone_num {
	font-weight: bold;
	font-size: 16px;
	color:#044680;
}

strong.secure {
	padding-right: 20px;
	background: url("../../images/lock.gif"/*tpa=http://www.gmacmortgage.com/images/lock.gif*/) no-repeat top right;
}

.enter_zip {
	margin: 4px 0 2px 0;
	padding: 1px;
	padding-left: 3px;
	height: 15px;
	width: 60px;
	border-right: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-top: 1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	background-color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	float:left;
}


.logon_field {
	margin: 1px 0 0px 0;
	padding: 0px;
	padding-left: 0px;
	height: 13px;
	width: 145px;
	border: 0px;
	font: 11px Arial Narrow, Helvetica Narrow, sans-serif;
}
.logon_field a{
	margin: 1px 0 0px 0;
	padding: 0px;
	padding-left: 0px;
	height: 13px;
	width: 145px;
	border: 0px;
	font: 11px Arial Narrow, Helvetica Narrow, sans-serif;
}
.logon_btn {
	margin-left: 90px;
	height: 16px;
	width: 55px;
	background: #ecb986;
	border: 1px #ffffff outset;
	font: bold 9px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #0d3399;
}


/* ---------------------- RIGHT CONTENT - Today's Rates --------------------- */
#right_rates {
	margin: 0px;
	margin-top:5px;
	padding: 0px 5px 0px 1px;
	background-color:#EBEBEB;
}
#right_rates h4 {
	margin: 0px;
	padding: 5px;
	font: bold 16px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
#right_rates p {
	margin: 0px;
	padding-bottom: 5px;
}
#right_rates a {
 	color:#044680
}

/* ---------------------- RIGHT CONTENT - Secure Logon --------------------- */
#right_securelogon {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
	height:40px;
}
#right_securelogon h4 {
	margin: 0px;
	margin-bottom: -6px;
	padding: 2px 5px 0px 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
#right_securelogon p {
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
}

#right_securelogon ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-top: 10px;
	margin-bottom: 10px;
}

#right_securelogon ul li {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #1F5788;
	margin-left: -17px;
}

/* this is the Security and Privacy */
.secure_dynamic {
	background: url("../../images/lock_silver.gif"/*tpa=http://www.gmacmortgage.com/images/lock_silver.gif*/) no-repeat bottom left;
}

.secure_dynamic a {
	font-weight: bold;
	color:#044680;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif
}

/* --------------- RIGHT CONTENT - Great Moves ------------------*/
#right_benefits {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
	height:40px;
}
#right_benefits h4 {
	margin:0 0 6px -5px;
	padding: 2px 5px 0px 5px;
	font: bold 16px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
	line-height:.8em;
}
#right_benefits p {
margin: 0 0 6px -4px;
}

#right_benefits a{
	color: #044680;
}

#right_benefits br{
	line-height:2em;
}

/* ---------------------- MAIN CONTENT AREA - Page Header --------------------- */
.maincontent_header {
	margin: 0px;
	padding: 5px 0px 5px 4px;
	height: 20px;
	width: 447px;
	background: #ffffff;
	float:right;
	clear: both;
}
.maincontent_header h1 {
	margin: 0px;
	padding-left: 4px;
	padding-right: 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	/* font: bold 18px Arial, Helvetica, sans-serif; 
	color: #0d3399; */
	float: left;
}
.maincontent_header h1.apply {
	margin: 0px;
	padding-left: 4px;
	padding-right: 5px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0d3399;
	float: left;
}
.maincontent_header p {
	margin: 5px;
	padding: 0px;
	float: left;
}
.maincontent_header p.date {
	padding: 4px 0px 4px 3px;
	margin: 0px;
	width: 133px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #525050;
}
.maincontent_header p.nav a {
	font-size: 11px;
	font-weight: bold;
	color: #0d3399;
	float: left;
}
.maincontent_header p.apply2 {
	padding: 2px 0px 4px 3px;
	margin: 0px;
	width: 133px;

}
.maincontent_header p.apply2 a {
	font-size: 11px;
	color: #0d3399;
	float: left;
}
#print {
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	margin-bottom:-30px;
	margin-left:0px;
	background-color:#fff;
	padding-top:5px;
	padding-left:2px;
	padding-bottom:10px;
}

#print a{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #03437C;
}

.maincontent_large {
	margin:auto;
	margin-bottom: 4px;
	padding: 0;
	padding-top: 8px;
	width: 778px;
	clear:both;
}

/* ---------------------- MAIN CONTENT AREA - Page Styles --------------------- */
.maincontent_navigation {
	margin:8px 0px 4px 4px;
	padding: 0;
	display: inline;
	width: 136px;
	height: 400px;
	float: left;
}
.maincontent_middle {
	margin-left: 0px;
	margin-bottom: 4px;
	padding: 0;
	width: 448px;
	float: left;
	margin-top:0px;
	
}

.maincontent_middle p{
	padding-left:10px;
	padding-right:10px;
}
.maincontent_middle-image {
	margin-left: 4px;
	margin-bottom: 4px;
	padding: 0;
	width: 448px;
	float: left;
}
.maincontent_middle-bucket {
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 0;
	float: left;
}
.maincontent_large-third {
	margin:auto;
	margin-left: 4px;
	margin-bottom: 4px;
	padding: 0px;
	width: 192px;
	float: left;
	height:135px;
	
}

.maincontent_large-bucket {
	margin-bottom: 4px;
	padding: 0px;
	margin-top: 14px;
	border-right: 1px dashed #999;
	display: inline;
	width: 280px;
	float: left;
	margin-right:2px;
}


/* --------------- BUCKET TYPE 1 -------------- */
.bucket_type1_header {
	margin: 0px 1px 0px 1px; 
	padding-top: 2px;
	width: 192px;
	height: 18px;
	border-top: 5px solid #F93; 
	background: #FFF url("../../images/arrow_orangeLarge.gif"/*tpa=http://www.gmacmortgage.com/images/arrow_orangeLarge.gif*/) top left no-repeat;
}
.bucket_type1_header a {
	margin-left: 13px;
	padding: 0px;
	font: 19px Arial Narrow, Helvetica Narrow, sans-serif; 
	color: #F60; 
}
.bucket_type1_content {
	margin: 0px 1px 0px 1px;
	padding: 2px 0 8px 0;
	width: 190px;
	border-top: none;
	background: #FFF;
}
.bucket_type1_content a {
	margin: 0px 1px 0px 1px;
	padding: 2px 0 8px 0;
	width: 190px;
	border-top: none;
}
.bucket_type1_content p {
	margin: 0px;
	padding: 5px 10px 5px 12px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #044680; 
}
.bucket_type1_content a {
	color: #044680;
}
.bucket_type1_content strong {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #044680; 
}

/* --------------- BUCKET TYPE 2 used on the home page -------------- */
.bucket_type2_header {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 265px;
	height: 17px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	padding-left:9px;
	background: #FFF; 
}
.bucket_type2_header a {
	margin-left: 10px;
	padding: 0px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
}
.bucket_type2_content {
	margin: 0px;
	padding: 0px;
	width: 288px;
	height: 140px;
	clear: both;
}
.bucket_type2_content p {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #044680;
	text-align: left;
}
.bucket_type2_content a {
	text-decoration: underline;
	color: #044680;
}


.left_list li{  
	padding-top: 3px;
	padding-left: -4px;
}

.right_list li{   
	padding-top: 3px;
}

.left_list ul {  
	list-style: none;
	margin: 0;
	padding:0;
}
.right_list ul {  
	list-style: none;
	margin: 0;
	padding:0;
}


p.left {
	margin: 0px;
	padding: 0px;
	font: normal 11px Arial, Helvetica, sans-serif;
	float: left;
}
p.right {
	margin: 0 2px 0 0;
	padding: 0px;
	font: normal 11px Arial, Helvetica, sans-serif;
	float: right;
}



.right_align {
	text-align: right;
}



/* --------------------- PAGE FOOTER --------------------- */
#page_footer {
	margin: 10px auto; /* UPDATED 11/29 SJP */
	/* margin: 0 auto; */
	padding: 18px 6px 10px 6px;
	width: 778px;
	clear: both;
	border-top:	5px solid #F8981D;
	background-color: #FFF;
}
#disclaimer {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
#print_disclaimer{
	display:none;
}
#footer_nav, #footer_nav a {
	margin: 0px;
	padding: 0px 0px 16px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
}
.entrust {
	margin: 0px;
	padding-left: 63px;
	background: url("../../images/red_logo.gif"/*tpa=http://www.gmacmortgage.com/images/red_logo.gif*/) no-repeat center;
}
.equal {
	margin: 0px;
	padding: 20px 0px 10px 28px;
	background: url("../../images/house_logo.gif"/*tpa=http://www.gmacmortgage.com/images/house_logo.gif*/) no-repeat left;
}


/* =============================== GLOSSARY CONTENT STYLES ================================== */


td.required {
	width: 7px;
	padding-left: 12px;
	text-align: left;
	
}

 .maincontent_leaf h5 {
	padding-left:9px;
}

/*Used in career pages*/

.maincontent_header_career {
	margin: 0px;
	padding: 5px 0px 5px 4px;
	height: 20px;
	width: 447px;
	background: #ffffff;
	float:right;
	clear: both;
}
.maincontent_header_career h1 {
	margin: 0px;
	padding-left: 4px;
	padding-right: 5px;
	padding-top:10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
}



/*Rates------------*/
.rates_col  {
	width: 20%;
}
.apr_col {
	width: 18%;
}

/* Used on Account Details  ---------------*/
.bucket_type7_select {
	margin: 0;
	padding: 0;
	width: 161px;
	height: 18px;
	font: 11px Arial, Helvetica, sans-serif;
}

.textInput {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.selectInput {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.radioInput {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.checkboxInput {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}