/* CSS Document */

/* GLOBAL ITEMS */

/******** Use the .maincontent_header and .maincontent_header h1 from shell.css stylesheet for the page title at the top left of the center pane area ********/

/******** Use #print and #print a classes from shell.css stylesheet for printer friendly ********/


/************* CALCULATORS STYLES *************************
***********************************************************/

/* This is the container for all the stuff in the middle. 
I don't know if you want to use it or not, depending on how you're building the page */
.maincontent_middle_calcs {
	margin-left: 0px;
	margin-bottom: 4px;
	padding: 0;
	width: 448px;
	float: left;
}

/* This is the section header that says Bi-weekly Mortgage Calculator title */
maincontent_calcs_header {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	padding: 0px 10px 0px 10px;
}

/* the following are classes for the TABS */
.tab_active_calcs {
background:url("../../images/tab_special.gif");
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:3px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #666;
border-left:1px solid #C5C5C7;
height:16px;
position:relative;
z-index:120;
width:109px;
cursor:hand; 
margin-top:-18px;
}

.tab_inactive_calcs {
background-image:url("../../images/tab_special-on.gif");
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:3px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#666;
height:16px;
width:106px;
cursor:hand; 
margin-top:-18px;
position:relative;
z-index:80;
}

.toggle_calcs {
padding-left:2px;
margin-left:10px;
}

.tab_top_calcs {
margin-left:12px;
border-top:1px solid #B6B6B9;
border:1px solid #B6B6B9;
padding:0px;
}

/* this is the table for the actual calculator */
.calcs_table table{
	border-color:#B6B6B9;
	background-color: #F3F8FE;
	width: 420px; /* updated from 444px 1.18.06 */
	border-collapse: collapse;
	/* font: 11px Arial, Helvetica, Sans-serif;
	color: #666; */
	border: 0px;
}

/* this is the body style within the calculator table */
.calcs_table table p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px 2px 0px 2px;
}

/* this is orange bar with Enter Mortgage Information in it */
steptable_calcs_header {
	background-color: #F8981D;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	border-top: 20px solid #FFF;
	height: 22px;
}

/* this is the table row for the calculator table */
.calcs_table tr {
	margin: 0;
	padding: 0;
	height: 13px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
	vertical-align:top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

/* this is the body style for text in Select and Input */
.calcs_table select,input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* this is the table row paragraph class for field names */
.calcs_table tr p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

/* this is the table column for the calculator table */
.calcs_table td {
	margin: 0;
	padding: 2px 0;
	height: 13px;
}

/* this is the required fields asterisk column */
td.required_calcs {
	width: 7px;
	padding-left: 12px;
	text-align: left;
}

/* this is the field names column */
td.label_calcs {
	width: 174px;
	margin: 0;
	padding: 0;
	color: #666;
}

/* this is the field text entry column */
td.entry_calcs {
	width: 243px;
	height:24px;
	margin: 0;
	padding: 0;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the wide select dropdown menu */
select.wide_calcs {
	width: 263px;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the medium select dropdown menu */
select.medium_calcs {
	width: 145px;
	margin-left: 10px;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

.button_calcs {
	margin: 0px;
	margin-left:10px; /* UPDATED 12.02 */
	padding: 2px 4px 2px 8px;
	height: 15px;
	border: 0px;
	font: bold 10px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #FFF;
	background-image:url("../../images/button_bkLeft.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
}

.button_outside_calcs {
	background-image:url("../../images/button_bkRight.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	height:15px;
	padding-right:5px;
}

.button_calcs a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.calcs_bottom p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	border-top: #F8981D;
	padding-top: 10px;
}

/* end Calculators tabs */



/************* SMARTWATCH TAB TREATMENT ****************
***********************************************************/

.tab_active_sw {
background:url("../../images/tab_special.gif");
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:3px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #666;
border-left:1px solid #C5C5C7;
height:16px;
position:relative;
z-index:120;
width:109px;
cursor:hand; 
margin-top:-18px;
}

.tab_inactive_sw {
background-image:url("../../images/tab_special-on.gif");
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:3px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#666;
height:16px;
width:106px;
cursor:hand; 
margin-top:-18px;
position:relative;
z-index:80;
}

.sw_table table {
border-color:#B6B6B9;
background-image: url("../../images/rates_bkgd.gif");
background-position:top;
background-repeat:repeat-x;
}

.sw_table th {
background-color:#D4E5FF;
border-bottom: 1px solid #EC9840;
color:#666;
font-weight:bold;
text-align:left;
}

.sw_table td {
	border-bottom:1px solid #F4F4F5;
	vertical-align:top;
	color: #666;
}

.sw_table a { 
color:#1F5A8D;
background-image:url("../../images/left_arrow.gif");
background-repeat:no-repeat;
padding-left:8px;
font-weight:bold;
font: bold 11px Arial, Helvetica, sans-serif
}

.sw_table li {
list-style-type:disc;
margin-left:-10px; 
}

.toggle_sw {
padding-left:2px;
margin-left:10px;
}

.apply_sw {
float:right;
width:30px;
}

.learnmore_sw a{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #002CCF;
	clear:both;
	float:right;
	background-image:url("../../images/left_arrow.gif");
	background-repeat:no-repeat;
	padding: 0px 11px 0px 15px;
	text-decoration:none;
}

.button_sw {
	margin: 0px;
	margin-left:10px; /* UPDATED 12.02 */
	padding: 2px 4px 2px 8px;
	height: 15px;
	border: 0px;
	font: bold 10px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #FFF;
	background-image:url("../../images/button_bkLeft.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
	}
.button_outside_sw {
	background-image:url("../../images/button_bkRight.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	height:15px;
	padding-right:5px;
}

.button_sw a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.tab_top_sw {
margin-left:12px;
border-top:1px solid #B6B6B9;
border:1px solid #B6B6B9;
padding:0px;
}

/* end SmartWatch tabs */



/**** My GMAC center pane styles ****
***********************************/

/* This is the container for all the stuff in the middle. 
I don't know if you want to use it or not, depending on how you're building stuff */
.maincontent_middle_mygmac {
	margin-left: 0px;
	margin-bottom: 4px;
	padding: 0;
	width: 448px;
	float: left;
}

/* This is the Welcome [Name] class */
maincontent_mygmac_header strong {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}

/* This is the <p> class for the email address (and other content) */
maincontent_mygmac_header p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0px 10px 0px 10px;
	text-align: left;
}

/* This is the <p> class for the Edit link after email address */
maincontent_mygmac_header p a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0066CC;
}

/* TABLE */

/* This is the reversed out orange bar */
table_mygmac_headeracct {
	background-color: #EC9840;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
}

/* This is the link in the reversed out orange bar */
table_mygmac_headeracct a {
	text-decoration: underline;
	text-align: right;
}

/* This is the SmartWatch and Online Payment Demo links */
table_mygmac_content_top a{
	font: 10px Arial, Helvetica, sans-serif;
	color: #03437C;
	text-decoration: underline;
}

/* this is the button classes but i'm not sure how they work together. Pam did them
.button {
	margin: 0px;
	padding: 2px 4px 2px 8px;
	height: 15px;
	border: 0px;
	font: bold 10px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #FFF;
	background-image:url("../../images/button_bkLeft.gif");
	}
.button_outside{
	background-image:url("../../images/button_bkRight.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:5px;
}
 */
/* This is the light blue reversed out top of the table with orange bottom border */
table_mygmac_summary_header  /*bucket_type5_ext3_header*/ {
	background-color: #D4E5FF;
	border-bottom: 1px solid #EC9840;
}

/* This is the bold text with specific loan property address */
title_left {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
}

/* This is the text for Balance: $ */
title_right {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}

/* This is the text for View Details */
title_right a {
	color: #03437C;
	text-decoration: underline;
}

/* This is the beginning of the Type, Due Date, Amount table */
table_mygmac_summary {
	background-color: #F3F8FE;
}

/* This is table header class for Type, Due Date, Amount */
table_mygmac_summary th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #717070;
}

/* This is class for the columns */
table_mygmac_summary td {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px solid #DEE2E7;
}

/* This is class for the text links in columns */
table_mygmac_summary td a{
	color: #03437C;
	text-decoration: underline;
}

/* end My GMAC center pane styles */



/*************** ONLINE APPLICATION STYLES ****************** 
*************************************************************/

/**** This is the container for all the stuff in the middle. 
I don't know if you want to use it or not, depending on how you're building the page ****/
.maincontent_middle_onlineApp {
	margin-left: 0px;
	margin-bottom: 4px;
	padding: 0;
	width: 448px;
	float: left;
}

/* This is the section header that says Online Mortgage Application */
maincontent_onlineApp_header {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:right;
	padding: 0px 10px 0px 10px;
}

/*.print {  see notes at top of this file 
} */


/* this is orange bar with STEP 1 in it */
steptable_onlineApp_header {
	background-color: #F8981D;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
}

/* this is red error text underneath the orange bar */
steptable_onlineApp_content .error {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F00;
}

/* this is BOLD red error text (for required name fields that aren't filled out) underneath the orange bar */
steptable_onlineApp_content .error h1 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
}

/* this is the table for the actual 1003 application table styles */
table.applytable, .applytable table {
	width: 444px;
	border-collapse: collapse;
	/* font: 11px Arial, Helvetica, Sans-serif;
	color: #666; */
	border: 0px;
	background-color: #F3F8FE;
}

/* this is the body style within the application table */
.applytable p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 1px;
}

/* this is the body style for text in Select and Input */
.applytable select,input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
/* this is the table header with light blue background for the actual 1003 application table */
.applytable th {
	background-color: #D4E5FF;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
}

/* this is the class for links in the table header */
.applytable th a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0038E3;
	text-align: right;
}

/* this is the *Required Field text in the table header */
.applytable th .required {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0B2F8F;
	text-align: right;
}

/* this is the table row for the actual 1003 application table */
.applytable tr {
	margin: 0;
	padding: 0;
	height: 13px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
}

/* this is the table row class for the error red border around required areas not filled out */
.applytable tr .error {
	border: 1px solid #F00;
}

/* this is the table row paragraph class for field names */
.applytable tr p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

/* this is the table row error paragraph class for required fields that weren't completed */
.applytable tr p .error{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
}

/* this is the table column for the actual 1003 application table */
.applytable td {
	margin: 0;
	padding: 2px 0;
	height: 13px;
}

/* this is the required fields asterisk column */
td.required {
	width: 7px;
	padding-left: 12px;
	text-align: left;
	
}

/* this is the field names column */
td.label {
	width: 174px;
	margin: 0;
	padding: 0;
	color: #666;
}

/* this is the field text entry column */
td.entry {
	width: 243px;
	height:24px;
	margin: 0;
	padding: 0;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the error version of the field text entry column */
td.entry .error {
	background: url("../../images/arrow_error.gif") middle left no-repeat;
}

/* this is the wide select dropdown menu */
select.wide {
	width: 263px;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the medium select dropdown menu */
select.medium {
	width: 145px;
	margin-left: 10px;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the container for the bottom navigation */
.onlineApp_bottomnav {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	width: 444px;
	height: 22px;
	border-top: 1px solid #F8981D;
}
/* this is the p class for the bottom navigation */
.onlineApp_bottomnav p {
	margin: 0;
	padding: 0;
	padding-top: 3px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #069;
	float: left;
}

/* this is the active class for the Previous link */
.onlineApp_bottomnav a.prev {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #069;
	float: left;
	padding-top: 3px;
	margin-left: 250px;
	margin-right: 18px;
	text-decoration: none;
}

/* This is the inactive state of the Previous and Next buttons */
.onlineApp_bottomnav a.inactive {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9CF;
	float: left;
	padding-top: 3px;
	margin-left: 250px;
	margin-right: 19px;
	text-decoration: none;
}

/* this is the active class for the Next link */
.onlineApp_bottomnav a.next {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #069;
	float: right;
	padding-top: 3px;
	margin-right: 64px;
	text-decoration: none;
}

/* this is the container for both Save buttons */
.actionbuttons {
	margin-left: 227px;
 	padding-top: 5px;
 	padding-bottom: 5px;
}



/********** RIGHT COLUMN FOR 1003/ONLINE APP ********************
******************************************************/

#rightcontent_1003 {
	margin: 0px;
	width: 177px;
	float: right; 
	background-color:#fff;
}

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

#right_apply_1003 {
	margin: 0px;
	padding-bottom: 5px;
	background:url("../../images/rightCol_bk.jpg") right repeat-y;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
}

/* Need Help Text */
#right_apply_1003 .need_help{
	padding-top:11px;
	margin-bottom:0;
}
#right_apply_1003 .h3 {
	margin: 0px;
	padding: 0px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	font-size:200%;
	font-weight:100;
	padding-left:2px;
	line-height:20px;
}
#right_apply_1003 .h3 br{
	line-height:1px;
}
#right_apply_1003 .h4 {
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	color:#666;
	font-weight:100;
	font-size:105%;
	font-stretch:ultra-condensed;
}

.button_callme_1003 {
	margin-top: 5px;
}

.button_callme_1003 a {
	text-decoration:none;
}

#right_apply_1003 p {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top:1px dotted #CCC;
	margin-right:10px;
}

#right_apply_1003 p strong {
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

#right_apply_1003 a {
	margin: 0px;
	color:#044680;
}

#telephone_num_1003 {
	font-weight: bold;
	font-size: 16px;
	color:#044680;
}

strong.secure_1003 {
	padding-right: 20px;
	background: url("../../images/lock.gif") no-repeat top right;
}

#right_securelogon_1003 {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
}
#right_securelogon_1003 h4 {
	margin: 0px;
	margin-bottom: -6px;
	padding: 2px 5px 0px 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
#right_securelogon_1003 p {
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
}
.secure_1003 {
	background: url("../../images/lock_silver.gif") no-repeat bottom left;
}
.secure_1003 a {
	font-weight: bold;
	color:#044680;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif
}

/* end Online App / 1003 styles */



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

/* this is the outer container for the rates box on the homepage. contains the left dotted gray border */
.maincontent_large-bucket_rates {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	border-left: 1px dotted #999;
	border-top: 2px solid #999;
	padding: 8px 0px 2px 8px;
	display: inline;
	width: 290px;
	height: 160px;
	float: left;
}

/* this is the inner container for the rates box */
#rates_hp {
	border: 0px;
	width: 288;
}

/* this is the header where Today's Rates title, time stamp and Assumptions link are  */
.rates_hp_header {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 288px;
	height: 17px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF; 
}

/* This is the Today's Rates title link */
.rates_hp_header a {
	margin-left: 10px;
	padding: 0px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
}

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

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

/* This is the inner container for the table */
.rates_hp_content {
	margin: 0px;
	padding: 0px;
	width: 288px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF; 
	clear: both;
	/* height: 140px; */
	/* border: 1px solid #BED3E4;
	border-top: none;
	border-bottom: 1px solid #113595; */
}

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

/* this is a link style */
.rates_hp_content p a {
	text-decoration: underline;
	color: #044680;
}

/* this is the table with the actual rates */
.rates_hp table {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FCC174;
	/* border-collapse: collapse; */
	background: #ffffff;
}

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

.rates_hp table th a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4E7AA6;
	text-decoration: underline;
	text-align: center;
	background-color: #FFF;
	/* border-collapse: collapse; */
}

/* this is the row class for the text in the table rows */
.rates_hp table tr {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #676568;
	border-bottom: 1px solid #FFF;
}

.rates_hp table tr a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4D7BA6;
	text-decoration: underline;
}

/* this is the row class for the lighter blue background color */
.rates_hp table tr colored1{
	background-color: #FFF;
}

/* this is the row class for the darker blue background color */
.rates_hp table tr colored2 {
	background-color: #E9F2FF;
}

/* this is the text under the Online Rates and Closing Costs blurb */

.rates_table_calculate p {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;
}

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

/* this is the class for the Customize Online Rates and Closing Costs link at bottom of table*/
.rates_hp table footnotes a {
	text-decoration: underline;
	color: #0074DD;
}

/* the following 4 classes are for the column widths */
.product_col {
	width: 42%;
	text-align: left;
}

.rates_col  {
	width: 20%;
	text-align: left;
}
.apr_col {
	width: 18%;
	text-align: left;
}
/* .points_col {
	width: 20%;
	text-align: left;
} */

/************* TODAY'S RATES TAB TREATMENT ****************
***********************************************************/

.tab_active_rates {
background:url("../../images/tab_special.gif");
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:3px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #666;
border-left:1px solid #C5C5C7;
height:16px;
position:relative;
z-index:120;
width:109px;
cursor:hand; 
margin-top:-18px;
}

.tab_inactive_rates {
background-image:url("../../images/tab_special-on.gif");
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
padding-top:3px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#666;
height:16px;
width:106px;
cursor:hand; 
margin-top:-18px;
position:relative;
z-index:80;
}

.tab_table_rates table {
border-color:#B6B6B9;
background-image: url("../../images/rates_bkgd.gif");
background-position:top;
background-repeat:repeat-x;
}

.tab_table_rates th {
background-color:#D4E5FF;
border-bottom: 1px solid #EC9840;
color:#666;
font-weight:bold;
text-align:left;
}

.tab_table_rates td {
	border-bottom:1px solid #F4F4F5;
	vertical-align:top;
	color: #666;
}

.tab_table_rates a { 
color:#1F5A8D;
background-image:url("../../images/left_arrow.gif");
background-repeat:no-repeat;
padding-left:8px;
font-weight:bold;
font: bold 11px Arial, Helvetica, sans-serif
}

.tab_table_rates li {
list-style-type:disc;
margin-left:-10px; 
}

.toggle_rates {
padding-left:2px;
margin-left:10px;
}

.apply_rates {
float:right;
width:30px;
}

.learnmore_rates a{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #002CCF;
	clear:both;
	float:right;
	background-image:url("../../images/left_arrow.gif");
	background-repeat:no-repeat;
	padding: 0px 11px 0px 15px;
	text-decoration:none;
}

.button_rates {
	margin: 0px;
	margin-left:10px; /* UPDATED 12.02 */
	padding: 2px 4px 2px 8px;
	height: 15px;
	border: 0px;
	font: bold 10px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #FFF;
	background-image:url("../../images/button_bkLeft.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
	}
.button_outside_rates{
	background-image:url("../../images/button_bkRight.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	height:15px;
	padding-right:5px;
}

.button_rates a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.tab_top_rates {
margin-left:12px;
border-top:1px solid #B6B6B9;
border:1px solid #B6B6B9;
padding:0px;
}

/************* TODAY'S RATES PAGE MAINCONTENT HEADERS **********************
****************************************************************************/

/* this is the container tag for Today's Rates title */
.maincontent_header_rates {
	margin: 0px;
	padding: 5px 0px 5px 4px;
	height: 20px;
	width: 447px;
	background: #ffffff;
	float:right;
	clear: both;
}

/* this is the title class */
.maincontent_header_rates 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_rates h1.apply {
	margin: 0px;
	padding-left: 4px;
	padding-right: 5px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0d3399;
	float: left;
} */

/* you may need to adjust this */
.maincontent_header_rates p {
	margin: 5px;
	padding: 0px;
	float: left;
}

/* this is the Rates as of... class */
.maincontent_header_rates p.rates {
	padding: 4px 0px 4px 3px;
	margin: 0px;
	width: 133px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #0B2F8F;
}

/********** RIGHT COLUMN FOR TODAY'S RATES ********************
 **************************************************************/

/* container */
#rightcontent_rates {
	margin: 0px;
	width: 177px;
	float: right; 
	background-color:#fff;
}

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

/* this is the Get Started area */
#right_apply_rates {
	margin: 0px;
	padding-bottom: 5px;
	background:url("../../images/rightCol_bk.jpg") right repeat-y;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
}

#right_apply_rates .get_started{
	padding-top:11px;
	margin-bottom:0;
}
#right_apply_rates .h3 {
	margin: 0px;
	padding: 0px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	font-size:300%;
	font-weight:100;
	padding-left:2px;
	line-height:20px;
}
#right_apply_rates .h3 br{
	line-height:1px;
}
#right_apply_rates .h4 {
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	color:#666;
	font-weight:100;
	font-size:150%;
	font-stretch:ultra-condensed;
}

#right_apply_rates .h2 {
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	color:#000000;
	font-weight:100;
	font-size:200%;
	font-stretch:ultra-condensed;
}

#right_apply_rates_aff .h2 {
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
	color:#000000;
	font-weight:100;
	font-size:140%;
	font-stretch:ultra-condensed;
}

#right_nav_sub {
font: 18px Arial Narrow, Helvetica Narrow, sans-serif; color: #666;
}

/* this is the p class that creates the dotted border */
#right_apply_rates p {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top:1px dotted #CCC;
	margin-right:10px;
}

/* bold title */
#right_apply_rates p strong {
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

#right_apply_rates a {
	margin: 0px;
	color:#044680;
}

/* bold blue phone number */
#telephone_num_rates {
	font-weight: bold;
	font-size: 16px;
	color:#044680;
}
/* bold black phone number */
#telephone_num_rates_black {
	font-weight: bold;
	font-size: 16px;
	color:#000000;
}
/* don't think you need these two */
/* .button_callme_rates {
	margin-top: 5px;
}

.button_callme_rates a {
	text-decoration:none;
} */

/* Online title lock */
strong.secure_rates {
	padding-right: 20px;
	background: url("../../images/lock.gif") no-repeat top right;
}

/* the following are for the My Online Information area */
#right_securelogon_rates {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
}
#right_securelogon_rates h4 {
	margin: 0px;
	margin-bottom: -6px;
	padding: 2px 5px 0px 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
#right_securelogon_rates p {
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
}

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

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

/* this is the Security and Privacy */
.secure_rates {
	background: url("../../images/lock_silver.gif") no-repeat bottom left;
}

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

/* end Today's Rates styles */

/********** right_column_dynamic.html styles (for the standard subpage right column that developers use) ********************
 ***************************************************************************************************************************/

/* container */
#rightcontent_dynamic {
	margin: 0px;
	width: 177px;
	float: right; 
	background-color:#fff;
}

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

#right_apply_dynamic {
	margin: 0px;
	padding-bottom: 5px;
	background:url("../../images/rightCol_bk.jpg") right repeat-y;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
}

#right_apply_dynamic form{
	margin:0;
}

/* this is the Get Started area */
#right_apply_dynamic .get_started_dynamic {
	padding-top:11px;
	margin-bottom:0;
}

#right_apply_dynamic .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_dynamic .h3 br{
	line-height:1px;
}
#right_apply_dynamic .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;
}

/* this is the p class that creates the dotted border */
#right_apply_dynamic p {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top:1px dotted #CCC;
	margin-right:10px;
}

/* bold title */
#right_apply_dynamic p strong {
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

#right_apply_dynamic a {
	margin: 0px;
	color:#044680;
}

/* bold blue phone number */
#telephone_num_dynamic {
	font-weight: bold;
	font-size: 16px;
	color:#044680;
}

/* don't think you need these two */
/* .button_callme_dynamic {
	margin-top: 5px;
}

.button_callme_dynamic a {
	text-decoration:none;
} */

/* Online title lock */
strong.secure_dynamic {
	padding-right: 20px;
	background: url("../../images/lock.gif") no-repeat top right;
}

/* the following are for the My Online Information area */
#right_securelogon_dynamic {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
	height:40px;
}
#right_securelogon_dynamic h4 {
	margin: 0px;
	margin-bottom: -6px;
	padding: 2px 5px 0px 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
#right_securelogon_dynamic p {
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
}

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

#right_securelogon_dynamic 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") no-repeat bottom left;
	position:relative;
}

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

/* this is the today's rates links in the lower right column */

#right_rates_dynamic {
	margin: 0px;
	margin-top:5px;
	padding: 0px 5px 0px 1px;
	background-color:#EBEBEB;
}

#right_rates_dynamic h4 {
	margin: 0px;
	padding: 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}

#right_rates_dynamic p {
	margin: 0px;
	padding-bottom: 5px;
}

#right_rates_dynamic a {
 	color:#044680
}

.enter_zip_dynamic {
	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;
}

.search_btn_dynamic {
	margin: 0px;
	padding: 15px 15px 15px 15px; /* updated 1.18.06 */
	/* padding: 5px 0 0 5px; */
}

/* end right_column_dynamic.html styles */




/********** right_column_nla_src.html styles (for the subpage right column used on the 
Forgot Password, Change Password, and Register screens) ************************************/

/* container */
#rightcontent_nla {
	margin: 0px;
	width: 177px;
	float: right; 
	background-color:#fff;
}

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

#right_apply_nla {
	margin: 0px;
	padding-bottom: 5px;
	background:url("../../images/rightCol_bk.jpg") right repeat-y;
	font-family:Arial Narrow, Helvetica Narrow, sans-serif;
}

#right_apply_nla form{
	margin:0;
}

/* this is the Get Started area */
#right_apply_nla .get_started_nla {
	padding-top:11px;
	margin-bottom:0;
}

#right_apply_nla .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_nla .h3 br{
	line-height:1px;
}
#right_apply_nla .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;
}

/* this is the p class that creates the dotted border */
#right_apply_nla p {
	padding-top: 4px;
	padding-bottom: 4px;
	/*border-top:1px dotted #CCC;*/
	margin-right:10px;
}

/* bold title */
#right_apply_nla p strong {
	color: #000;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	padding-bottom: 10px;
}

#right_apply_nla a {
	margin: 0px;
	color:#044680;
}

/* bold blue phone number */
#telephone_num_nla {
	font-weight: bold;
	font-size: 16px;
	color:#044680;
}

/* Online title lock */
strong.secure_nla {
	padding-right: 20px;
	background: url("../../images/lock.gif") no-repeat top right;
}

/* the following are for the My Online Information area */
#right_securelogon_nla {
	margin: 0px;
	margin-top:5px;
	padding: 4px;
	background-color:#D8D9DE;
	height:40px;
}
#right_securelogon_nla h4 {
	margin: 0px;
	margin-bottom: -6px;
	padding: 2px 5px 0px 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}
#right_securelogon_nla p {
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
}

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

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

/* this is the Security and Privacy */
.secure_nla {
	background: url("../../images/lock_silver.gif") no-repeat bottom left;
}

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

/* this is the today's rates links in the lower right column */

#right_rates_nla {
	margin: 0px;
	margin-top:5px;
	padding: 0px 5px 0px 1px;
	background-color:#EBEBEB;
}

#right_rates_nla h4 {
	margin: 0px;
	padding: 5px;
	font: bold 18px Arial Narrow, Helvetica Narrow, sans-serif;
	color: #044680;
}

#right_rates_nla p {
	margin: 0px;
	padding-bottom: 5px;
}

#right_rates_nla a {
 	color:#044680
}

.enter_zip_nla {
	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;
}

.search_btn_nla {
	margin: 0px;
	padding: 15px 15px 15px 15px; /* updated 1.18.06 */
	/* padding: 5px 0 0 5px; */
}

/* end right_column_nla.html styles */



/*********************** TABLE STYLES FOR GENERIC CONTENT TABLES **************************
 ******************************************************************************************/

.table_generic_container {
	margin-left:12px;
	border-top:1px solid #B6B6B9;
	border:1px solid #B6B6B9;
	padding:0px;
}

.table_generic table {
	border-color: #B6B6B9;
}

.table_generic th{
	padding: 20px 12px;
	padding-left:10px;
	padding-bottom:4px;
	/*background-color:#D4E8FB;*/
	background-color:#D4E5FF;
	border-bottom: 1px solid #EC9840;
	/*color:#666;*/
	 color:#333;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
}


.table_generic td{
	padding: 4px 0px 4px 10px;
	border-bottom:1px solid #F4F4F5;
	vertical-align:top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

.table_generic a{ 
	color:#1F5A8D;
	
}

.table_generic li{
	/*list-style-type:disc;
	margin-left:-10px; */
}

/***************************** CAREERS MAINCONTENT ************************************
 ***************************************************************************************/
 
 .job_details {
	margin: 0;
	padding: 0px 0px 0 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
.job_details p{
	padding-left:9px;
	padding-right:4px;
	margin:8px 0;
}
.job_details br {
	line-height:8px;
}
.job_details a{
	text-decoration: underline;
	font-weight: bold;
	color: #0038e3;
}

.job_details ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


/***************************** GENERIC FORM CLASSES ************************************
 ***************************************************************************************/
 
/* RAGINI: I don't know if you need this first class; feel free to modify or create a new one based on some of these properties */
/* this is the table for the generic form table styles */
table.generic_form, .generic_form table {
	width: 420px;
	border-collapse: collapse;
	/* font: 11px Arial, Helvetica, Sans-serif;
	color: #666; */
	border: 0px;
	background-color: #F3F8FE;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:10px;
	padding-top: 7px;
	padding-right:5px;
	padding-left:13px;
}

/* this is the body style generic form table */
.generic_form p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 1px;
	
}

/* this is the body style for text in Select and Input */
.generic_form select,input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
/* this is the table header with light blue background for the generic form table */
.generic_form th {
	/*background-color: #D4E5FF;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align:middle;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:10px;
	padding-top: 7px;
	padding-right:5px;
	padding-left:13px;*/
	background-color: #D4E5FF;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	height:25px;
	padding-left:13px;
	padding-right:13px;

}
/* this is the class for links in the table header */
.generic_form th a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0038E3;
	text-align: right;
}

/* this is the table row for the generic form table */
.generic_form tr {
	margin: 0;
	padding: 0;
	height: 13px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
}

/* this is the table row paragraph class for field names */
.generic_form tr p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

/* this is the table column for the generic form table */

.generic_form_td {
	margin: 0;
	padding: 2px 0;
	height: 13px;
	border-bottom: 1px solid #DEE2E7;
}
.generic_form_td_cell {
	margin: 0;
	/*padding: 2px 0;*/
	height: 13px;
	padding-left:5px;
	border-bottom: 1px solid #DEE2E7;
	padding-right:5px;
	padding-top:5px;
}
/* this is the field names column */
td.label_generic {
	width: 174px;
	margin: 0;
	padding: 0;
	color: #666;
}

/* this is the field text entry column */
td.entry_generic {
	width: 243px;
	height:24px;
	margin: 0;
	padding: 0;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the wide select dropdown menu */
select.wide_generic {
	width: 263px;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* this is the medium select dropdown menu */
select.medium_generic {
	width: 145px;
	margin-left: 10px;
	border: 1px solid #7E9DB9;
	background-color: #FFF;
}

/* redesigned ilead styles */
#ilead_login_heading {
	margin: 0px;
	padding: 0px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #044680;
}

#ilead_schedule_heading {
	margin: 0px;
	padding: 0px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #044680;
}

#ilead_thanks_heading {
	margin: 0px;
	padding: 0px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #044680;
}

#ilead_section_heading {
	margin: 0px;
	padding: 0px;
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #044680;
}