/* CSS Document */

/********** TODAY'S RATES BOX ON THE HOMEPAGE ********
******************************************************/

.bucket_rates_header {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 288px;
	height: 17px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	/* border-left: 1px solid #BED3E4;
	border-right: 1px solid #BED3E4; */
	background: #FFF; 
}

.bucket_rates_header a {
	margin-left: 10px;
	padding: 0px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
}
.bucket_rates_header_link a {
	margin-right: 8px;
	padding: 0px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #044680;
	float: right;
}

/* this is the outer container for the rates box on the homepage. contains the left dotted gray border */
/* this is the header where Today's Rates title, time stamp and Assumptions link are  */
.rates_hp_header_updated {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 288px;
	/*height: 17px;*/
	height: 40px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF; 
	text-align:left;
	
}

/* This is the Today's Rates title link */
.rates_hp_header_updated a {
	margin-left: 10px;
	padding: 0px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
}
.rates_column_title {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4E7AA6;
	text-decoration: underline;
	text-align: center;
	background-color: #FFF;
	/* border-collapse: collapse; */
}

/* This is the time stamp class */
.rates_hp_header_updated p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
}

/* This is the Assumptions link */
.rates_hp_header_updated p a {
	margin-right: 8px;
	padding: 0px;
	color: #044680;
	float: right;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* This is the Rates as of [time and date stamp] */
.rates_hp_content_datetime {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	/* padding: 35px 10px 41px 10px; */
	/* padding: 10px 10px 41px 10px; */
}

/* this is the table with the actual rates */
.rates_hp_updated table {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #F8981D;
	border-collapse: collapse; 
	background: #ffffff;
}
/* this is the table header with the Products, Rates, APR and Points */
.rates_hp_updated table th {
	margin: 0;
	/* padding-left: 11px; */
	text-align: left;
	border-bottom: 1px solid #F8981D;
	/* border-collapse: collapse; */
}
/* this is the table header with the Products, Rates, APR and Points */
.rates_hp_updated table th a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	/* border-collapse: collapse; */
}


/* this is the table with the actual rates */
.rates_todays_rates{
	display:table;
	margin-left:2px;
	border-top:0px solid #B6B6B9;
	border:1px solid #B6B6B9;
	border-collapse: collapse;
	background: #ffffff;
	background-image: url("../../images/rates_bkgd.gif"/*tpa=http://www.gmacmortgage.com/images/rates_bkgd.gif*/);
	background-repeat:repeat-x;
	margin-top: -4px;
	
}

/* this is the table with the actual rates */
.rates_todays_rates_he{
	margin-left:0px;
	border-top:1px solid #B6B6B9;
	border-right:1px solid #B6B6B9;
	padding:0px;
	background: #ffffff;
	padding-right: 4px;
}


/* this is the table with the actual rates */
.rates_todays_rates p{
	margin-left:12px;
	padding: 0px;
}

/* this is the table with the actual rates */
.rates_todays_rates table{
	background: #ffffff;
	margin-left:0px;
	padding: 0px;
}

/* this is the table header with the Products, Rates, APR and Points */
.rates_todays_rates table th {
	margin: 0;
	padding-left: 11px;
	text-align: left;
	border-bottom: 1px solid #F8981D;
	border-collapse: collapse; 
}

/* this is the row class for the text in the table rows */
.rates_colored1{
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px solid #FFF;
	height:20px;
	padding-left:4px;
	text-align: center;
}

/* this is the row class for the darker blue background color */
.rates_colored2 {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px solid #FFF;
	background-color: #d4e8fb;
	height:20px;
	padding-left:4px;
	text-align: center;
}
.colored1
{
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    FONT: 11px Arial, Helvetica, sans-serif;
    COLOR: #666;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid;
    /*BACKGROUND-COLOR: #eff9ee*/
}
.colored2
{
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    FONT: 11px Arial, Helvetica, sans-serif;
    COLOR: #666;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid;
    BACKGROUND-COLOR: #d4e8fb
}


/* this is the table header with the Products, Rates, APR and Points */
.rates_hp_image {
	border:0px;
}

/* this is the class for paragraph text at bottom of table */
.ratesFootnotes{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

/* the following 4 classes are for the column widths */
.product_col_rates {
	width: 42%;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-left:24px;

}

.rates_col_rates  {
	width: 20%;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.apr_col_rates {
	width: 18%;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.points_col_rates {
	width: 20%;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
}

/*------------For Toggle Treament Pages ------------------*/

.tab_rates_active {
	PADDING-RIGHT: 6px; 
	MARGIN-TOP: -18px; 
	PADDING-LEFT: 8px; 
	Z-INDEX: 120; 
	BACKGROUND: url("../../images/tab_ratesActive.gif"/*tpa=http://www.gmacmortgage.com/images/tab_ratesActive.gif*/) no-repeat; 
	FONT: bold 12px Arial, Helvetica, sans-serif;  
	WIDTH: 146px; 
	CURSOR: hand; 
	COLOR: #666; 
	PADDING-TOP: 8px; 
	POSITION: relative; 
	HEIGHT: 24px;
	margin-right:-5px;
}

.tab_rates_inactive {
	PADDING-RIGHT: 6px; 
	MARGIN-TOP: -18px; 
	PADDING-LEFT: 8px; 
	Z-INDEX: 80; 
	BACKGROUND-IMAGE: url("../../images/tab_ratesInactive.gif"/*tpa=http://www.gmacmortgage.com/images/tab_ratesInactive.gif*/); 
	FONT: bold 12px Arial, Helvetica, sans-serif; 
	WIDTH: 146px; 
	CURSOR: hand; 
	COLOR: #666; 
	PADDING-TOP: 8px; 
	BACKGROUND-REPEAT: no-repeat; 
	POSITION: relative; 
	HEIGHT: 24px;
}
.tab_rates_inactive1 {
	PADDING-RIGHT: 6px; 
	MARGIN-TOP: -18px; 
	PADDING-LEFT: 8px; 
	Z-INDEX: 110; 
	BACKGROUND-IMAGE: url("../../images/tab_ratesInactive.gif"/*tpa=http://www.gmacmortgage.com/images/tab_ratesInactive.gif*/); 
	FONT: bold 12px Arial, Helvetica, sans-serif; 
	WIDTH: 146px; 
	CURSOR: hand; 
	COLOR: #666; 
	PADDING-TOP: 8px; 
	BACKGROUND-REPEAT: no-repeat; 
	POSITION: relative; 
	HEIGHT: 24px;
}

.tab_rates_active_2 {
	PADDING-RIGHT: 6px; 
	MARGIN-TOP: -18px; 
	PADDING-LEFT: 8px; 
	Z-INDEX: 120; 
	BACKGROUND: url("../../images/tab_ratesActive_2.gif"/*tpa=http://www.gmacmortgage.com/images/tab_ratesActive_2.gif*/) no-repeat; 
	FONT: bold 12px Arial, Helvetica, sans-serif;  
	WIDTH: 220px; 
	CURSOR: hand; 
	COLOR: #666; 
	PADDING-TOP: 8px; 
	POSITION: relative; 
	HEIGHT: 26px;
	margin-right:-5px;
}

.tab_rates_inactive_2 {
	PADDING-RIGHT: 6px; 
	MARGIN-TOP: -18px;
	PADDING-LEFT: 8px; 
	Z-INDEX: 110; 
	BACKGROUND-IMAGE: url("../../images/tab_ratesInactive_2.gif"/*tpa=http://www.gmacmortgage.com/images/tab_ratesInactive_2.gif*/); 
	FONT: bold 12px Arial, Helvetica, sans-serif; 
	WIDTH: 220px; 
	CURSOR: hand; 
	COLOR: #666; 
	PADDING-TOP: 8px; 
	BACKGROUND-REPEAT: no-repeat; 
	POSITION: relative; 
	HEIGHT: 26px;
	margin-right:-5px;
}
/* END RATES SECTION*/
/* This is class for error labels in online services */

/* This is table header class for Type, Due Date, Amount */
.table_online_svcs_label_cell{
	font: 10px Arial, Helvetica, sans-serif;
	color: #717070;
	height:20px;
	padding-left:10px;
	border-bottom: 1px solid #DEE2E7;
	width:48%;
}
.table_online_svcs_label_cell_leftspace{
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	height:20px;
	padding-left:14px;
	border-bottom: 1px solid #DEE2E7;
	width:48%;
}

.table_label_cell_darker{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	height:20px;
	padding-left:14px;
	border-bottom: 1px solid #DEE2E7;
	width:48%;
}

.table_label_cell_darker_error{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
	height:20px;
	padding-left:14px;
	border-bottom: 1px solid #DEE2E7;
	width:50%;
}

.table_online_svcs_cell_error_label{
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #F00;
	height:20px;
	padding-left:3px;
	width:30%;
	text-align: left;
}
/* This is class for error labels in online services */
.table_mygmac_summary_cell_error_input{
	width:68%;
	text-align: left;
	padding-right:1px;
}
/* This is class for error labels in online services */
.table_mygmac_summary_cell_error_arrow{
	width:2%;
	text-align: left;
	padding-left:0;
	padding-right:0;
	border-bottom: 1px solid #DEE2E7;
}

/* This is class for error labels in online services */
.table_online_svcs_cell_splat{
	width:2%;
	text-align: left;
	padding-left:0;
	padding-right:0;
	border-bottom: 1px solid #DEE2E7;
	font: bold 10px Arial, Helvetica, sans-serif;
}

/* This is class for error labels in online services */
.table_online_svcs_cell_splat_error{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
	width:2%;
	text-align: left;
	padding-left:0;
	padding-right:0;
	border-bottom: 1px solid #DEE2E7;
}



/*****Registration ***********/
.table_registration_cell_error_label{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
	height:20px;
	padding-left:3px;
	width:52%;
	text-align: left;
}
/* This is label for registration fields */
.table_registration_label_cell{
	font: 11px Arial, Helvetica, sans-serif;
	color: #717070;
	height:20px;
	padding-left:3px;
	border-bottom: 1px solid #DEE2E7;
	width:51%;
}
/* This is class for error labels in online services */
.table_registration_cell_input{
	font: 11px Arial, Helvetica, sans-serif;
	color: #717070;
	width:80%;
	text-align: left;
	padding-left:3px;
	padding-right:1px;
	border-bottom: 1px solid #DEE2E7;
}

/* this is the body style for text in Select and Input */
.table_online_svcs_header {
	background-color: #D4E5FF;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	height:25px;
	padding-left:13px;
	padding-right:13px;
}

/* This is the reversed out orange bar */
.table_online_svcs_orange {
	background-color: #EC9840;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	height:28px;
	padding-left:13px;
	padding-right:5px;
	text-align: left;
	padding-bottom: 1px;
	margin-left:2px;
	margin-right:2px;
}


/* This is the reversed out orange bar */
.table_online_svcs_orange_narrow {
	background-color: #EC9840;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	height:20px;
	margin-left:7px;
	margin-right:8px;
	margin-bottom:10px;
	padding-top: 7px;
	padding-right:5px;
	padding-left:13px;
}

/* This is the reversed out orange bar */
.table_online_svcs {
	text-align: left;
	width:99%;
}

.bkgd_grey {
	background-color:#D8D9DE;
	width:300px;
}
.space_filler {
	height:200px;
}
.bkgd_grey_table {
	text-align: left;
	width:300px;
	margin-top:10px;
}

/*Style to display the fields required message*/
.fieldsRequiredMessageStyle{
	font: 12px Arial, Helvetica, sans-serif;
	color: #F00;
}

.table_onlinesvcs_buttons {
	PADDING-RIGHT: 5px; FONT: bold 10px Arial, Helvetica, sans-serif; COLOR: #717070; BORDER-BOTTOM: #dee2e7 1px solid
}

/*Login info*/

.right_securelogon_page {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
}
.right_securelogon_page h4 {
	margin: 0px;
	margin-bottom: -6px;
	padding: 2px 5px 0px 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
.right_securelogon_page p {
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
}

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

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


.maincontent_navigation_login {
	margin:8px 0px 4px 0px;
	padding: 0;
	width: 136px;
	height: 400px;
}
.maincontent_login {
	margin: 0px;
	padding: 0px;
	width: 640px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}
.maincontent_header_login {
	margin: 4px;
	padding: 5px 0px 5px 4px;
	height: 10px;
	width: 620px;
	background: #ffffff;
	text-align:left;
}
.maincontent_header_login 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;
	clear:both;
}

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


/*Consumer login/registration*/
.maincontent_header_full {
	margin: 0px;
	padding: 5px 0px 5px 4px;
	height: 40px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
.securelogon_consumer {
	margin: 0px;
	margin-left:8px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
}
.logon_consumer_table{
	margin:10px;
}
/* This is the reversed out orange bar */
.bkgd_orange {
	background-color: #EC9840;
	padding-top: 1px;
}

.secondary_header {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	margin-left: 12px;
}



/*generic body class*/
.center_middle{
	margin: 0 auto;
	padding: 6px 0px 0px 0px;
	width: 778px;
}
/*generic body class*/
.center_middle_login{
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	padding-left: 10px;
	width: 778px;
}
.table_online_career_orange_narrow {
	background-color: #EC9840;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	height:0px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right:5px;
	padding-left:13px;
	padding-bottom:5px;
	width: 401px
}

/*marketing gallery account summary */
/*------------For Toggle Treament Pages ------------------*/
.tab_active_smt {
background-image:url("../../images/tab_time_on.gif"/*tpa=http://www.gmacmortgage.com/images/tab_time_on.gif*/);
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:4px;
font: bold 10px Arial, Helvetica, sans-serif;
color: #666;
position:relative;
z-index:120;
height:20px;
width:109px;
cursor:hand; 
margin-top:-18px;


}

.tab_active_smm {
background-image:url("../../images/tab_money_on.gif"/*tpa=http://www.gmacmortgage.com/images/tab_money_on.gif*/);
background-repeat:no-repeat;
padding-left:3px;
padding-right:4px;
padding-top:4px;
font: bold 10px Arial, Helvetica, sans-serif;
color: #666;
position:relative;
z-index:120;
width:121px;
height:20px;
cursor:hand; 
margin-top:-18px;

}



.tab_active_hmm {
background-image:url("../../images/tab_move_on.gif"/*tpa=http://www.gmacmortgage.com/images/tab_move_on.gif*/);
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:4px;
font: bold 10px Arial, Helvetica, sans-serif;
color: #666;
height:20px;
position:relative;
z-index:120;
width:110px;
cursor:hand; 
margin-top:-18px;

}

.tab_inactive_smt {
background-image:url("../../images/tab_time_off.gif"/*tpa=http://www.gmacmortgage.com/images/tab_time_off.gif*/);
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:4px;
font: bold 10px Arial, Helvetica, sans-serif;
position:relative;
z-index:120;
height:20px;
width:109px;
cursor:hand; 
margin-top:-18px;

}

.tab_inactive_smm {
background-image:url("../../images/tab_money_off.gif"/*tpa=http://www.gmacmortgage.com/images/tab_money_off.gif*/);
background-repeat:no-repeat;
padding-left:3px;
padding-right:4px;
padding-top:4px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#666;
height:20px;
width:121px;
cursor:hand; 
margin-top:-18px;
position:relative;
z-index:80;


}

.tab_inactive_hmm {
background-image:url("../../images/tab_move_off.gif"/*tpa=http://www.gmacmortgage.com/images/tab_move_off.gif*/);
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:4px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#666;
height:20px;
width:110px;
cursor:hand; 
margin-top:-18px;
position:relative;
z-index:80;


}

.tab_spacer {
background-image:url("../../images/tab_right_spacer.gif"/*tpa=http://www.gmacmortgage.com/images/tab_right_spacer.gif*/);
background-repeat:no-repeat;
padding-left:4px;
padding-right:0px;
padding-top:4px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#666;
height:20px;
width:59px;
cursor:hand;
margin-right:-8px; 
margin-top:-18px;
position:relative;
z-index:80;
}