.tableAppMessage tr td{
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
}
.tableAppMessage{
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	margin-top:10px;
	margin-bottom:-5px;
	height:20px;
}

.applytable .error tr {
	border: 2px solid #F00;
	color: green;
}

.error td.label {
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
	border-left: 2px solid #F00;
	background: url("../../../images/arrow_error.gif"); 
	background-repeat: no-repeat;
	background-position: right;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
}

.error td.required {
	border-left: 0px solid #F00;
	border-top: 0px solid #F00;
	border-bottom: 1px solid #D6DDE5;
}

.error {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 8pt;
}

.error td.entry {
	border-right: 2px solid #F00;
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
	margin-bottom: 5px;
}

.applytable td.tableBreak {
	border-bottom: 1px solid #F8981D;
	background-color: #FFF;
}

.applytable th.required{
	font: 11px Arial, Helvetica, sans-serif;
	color: #0B2F8F;
	text-align: right;
	padding-right: 12px;
}

.applytable tr.header{
	background-color: #D4E5FF;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
}

.errorHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F00;
	padding-bottom: 30px;
}

.errorText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F00;
}

.stepTableHeader {
	height: 18px;
	width: 100%;
}

.stepTableHeader td {
	background-color: #ff9900;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
}

.tableFooter tr {
	background-color: #FFF;
	border-bottom: 0px solid #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

.tableFooter td.label {
	background-color: #FFF;
	border-bottom: 0px solid #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tableFooter td.footerlabel {
	background-color: #FFF;
	border-bottom: 0px solid #FFF;
	padding: 10px;
}

.tableFooter td.required {
	background-color: #FFF;
	border-bottom: 0px solid #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* --------------- LEFT NAVIGATION -------------- */

TD.leftnavSelected {
	color: #fff;
	background-color: #F8981D;
	border-bottom: 1px solid #F0F0F1;
	font: bold 11px Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style: none;
}

TD.leftnav {
	color:#707277;
	background-color: #DBDBDC;
	border-bottom: 1px solid #F0F0F1;
	font: bold 11px Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.leftnavColumn_redesign {
	background-color: #B6B6B9;
	border: 0px solid #B6B6B9;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
	padding: 0px;
}

.leftnavColumn_redesign td.title {
	height: 30px;
	color: white;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-left: 12px;
}

.tableLeftNav {
	background-color: #ffffff;
	border-collapse: collapse;
	border-top: 1px solid #F0F0F1;
	border-bottom: 1px solid #F0F0F1;
	border-left: 0px solid #F0F0F1;
	border-right: 0px  solid #F0F0F1;
	color: #ffffff;
	width: 100%;
	table-layout: fixed;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 5px;
}

td.labelFull {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #666;
}

td.applyHeader {
	background-color: #D4E5FF;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	height: 30px;
}

.entryHeader {
	background-color: #ffcc66;
	border: 1px solid #ffcc66;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.leftColumn_redesign {	
	border: 0px solid #ffcc66;
	color: #666;
	width: 46%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	padding: 6px;
}

.rightColumn_redesign {
	border: 0px solid #ffcc66;
	color: #000000;
	width: 54%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
	padding: 6px;
}

#home {
	background-color: #666;
	color: #fff;
	height: 25px;
	text-align: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 8px;
}

#home a{
	color: #fff;
	text-align: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/***************************************/
/* for the userloans and loansummary */
/**************************************/
.summarytable table {
	width: 80%;
	border-collapse: collapse;
	border: 0px;
	background-color: #F3F8FE;
	table-layout: fixed;
}

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

/* this is the table header with light blue background for the actual 1003 application table */
.summarytable th {
	background-color: #333399;
	border: 0px solid #333399;
	color: #ffffff;
	text-align: left;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.summarytable td.headerColumn {
	background-color: #D4E5FF;
	width: 48%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
	color: #333;
	height: 25px;
	border: 0px solid #333399;
}

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

.summarytable td.leftColumn {
	
	border: 0px solid #ffcc66;
	color: #666;
	width: 46%;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	padding: 6px;
	margin: 0;
	padding: 0;
	height: 27px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
}

.summarytable td.rightColumn {
	
	border: 0px solid #ffcc66;
	color: #000000;
	width: 54%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
	padding: 6px;
	margin: 0;
	padding: 0;
	height: 27px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
}

.summarytable td.valueColumn {
	background-color: #D4E5FF;
	border: 0px solid #ffcc66;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
	word-wrap: wrap
}

.summarytable td.labelColumn {
	border: 0px solid #ffcc66;
	color: #666;
	width: 46%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	padding: 6px;
	margin: 0;
	padding: 0;
	height: 27px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
	padding: 8px;
}

.applytable td {
	border-bottom: 1px solid #D6DDE5;
	margin: 0;
	padding: 2px 0;
	height: 38px;
}

.applytable_noborder td {
	border-bottom: 0px solid #D6DDE5;
	margin: 0;
	padding: 2px 0;
	height: 38px;
}

.tableDefault {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 0px solid #000000;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.applytable th .required {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0B2F8F;
	text-align: right;
}

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

BODY {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

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

TD.leftnav1 {
	color: #ffffff;
	background-color: #ff9900;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

TD.leftnavSelected1 {
	color: #000000;
	background-color: #fff; 
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-size: 8pt;
}

A {
	color: #333399;
}

A:hover {
	color: #333399;
	text-decoration: underline;
}

A.topnav {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
}

A.topnav:hover {
	color: #ff9900;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
}

A.topnavSelected {
	color: #ff9900;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
}

A.topnavSelected:hover {
	color: #ff9900;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
}

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

A.secondTopnav:hover {
	color: #333399;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

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

A.secondTopnavSelected:hover {
	color: #333399;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

A.leftnav {
	color:#57595C;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

A.leftnav:hover {
	color:#ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

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

A.leftnavSelected:hover {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-size: 8pt;
}

A.footer {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}

A.footer:hover {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}

A.footerSelected {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}

A.footerSelected:hover {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}

UL.disc {
	list-style-type: disc
}

UL.circle {
	list-style-type: circle
}

UL.square {
	list-style-type: square
}

OL.decimal {
	list-style-type: decimal
}

OL.lroman {
	list-style-type: lower-roman
}

OL.uroman {
	list-style-type: upper-roman
}

OL.lalpha {
	list-style-type: lower-alpha
}

OL.ualpha {
	list-style-type: upper-alpha
}

.bodyDefault {
	text-align: center;
}

.labelDefault {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
}

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

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

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

.message {
	color: #ff9c00;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
}

.topnav {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
}

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

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

.footer {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}

.ticker {
	color: #333399;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 8pt;
}

.button {
	background-color: #e5e8ee;
	border-collapse: collapse;
	border-top: #fbfbfc solid 2px;
	border-bottom: #424343 solid 2px;
	border-left: #fbfbfc solid 2px;
	border-right: #424343 solid 2px;
	color: #424343;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 8pt;
}

.tableMain {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 0px solid #000000;
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	height: 320px;
	table-layout: fixed;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 0px;
}

.tableContent {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 0px solid #000000;
	width: 100%;
	table-layout: fixed;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding-top: 0px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
}

.tableForm {
	background-color: #ffcc66;
	border-collapse: collapse;
	border: 1px solid #333399;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.tableFixed {
	background-color: #ffcc66;
	border-collapse: collapse;
	border: 1px solid #333399;
	width: 100%;
	table-layout: fixed;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.tableHeader {
	background-color: #333399;
	border: 0px solid #333399;
	color: #ffffff;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.leftnavColumn {
	background-color: #000066;
	border: 0px solid #000066;
	color: #ffffff;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 0px;
}

.headerColumn {
	background-color: #ffcc66;
	border: 1px solid #333399;
	color: #333399;
	
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	padding: 6px;
}

.leftColumn {
	background-color: #ffffcc;
	border: 0px solid #ffcc66;
	color: #333399;
	width: 46%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	padding: 6px;
}

.rightColumn {
	background-color: #ffffcc;
	border: 0px solid #ffcc66;
	color: #000000;
	width: 54%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 7.5pt;
	padding: 6px;
}

.labelColumn {
	background-color: #ffffcc;
	border-top: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
	border-left: 0px solid #ffcc66;
	border-right: 0px solid #ffcc66;
	color: #000000;
	width: 48%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.valueColumn {
	background-color: #ffcc66;
	border: 1px solid #ffcc66;
	color: #000000;
	width: 52%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
}

.valueColumn_redesign {
	background-color: #D4E5FF;
	border: 0px solid #ffcc66;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 8px;
	word-wrap: wrap
}

.labelColumn_redesign {
	border: 0px solid #ffcc66;
	color: #666;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	padding: 6px;
	margin: 0;
	padding: 0;
	height: 27px;
	background-color: #F3F8FE;
	border-bottom: 1px solid #E8EBEF;
	padding: 8px;
}

.progressBar {
	background-color: #ccccff;
	border-collapse: collapse;
	border: 1px solid #333399;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 20px;
}

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

.textInputDisabled {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	background-color: lightgrey;
	disable: true;
}

.readonly {
	color: #aaaaaa;
	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;
}








/* 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 ********/


/* 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 14px 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;
}

/*************** 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:left;
	padding: 0px 10px 0px 10px;
}

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

Table header 
/* 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-weight: bold 11px Arial, Helvetica, sans-serif;
	color: #F00;
}

/* this is the table for the actual 1003 application table styles */
table.applytable, .applytable table {
	width: 100%;
	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: 30px;
	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 */


/* 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 required fields asterisk column */
td.required {
	width: 7px;
	padding-left: 4px;
	padding-right: 8px;
	text-align: left;
	
}

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

/* this is the field text entry column */
td.entry {
	width: 243px;
	margin: 0;
	padding: 2px;
}

/* this is the error version of the field text entry column *

/* 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;
}



/********** 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-left: 4px;
	margin-bottom: 4px;
	padding: 0px;
	border-left: 1px dotted #999;
	padding: 10px 0px 10px 0px;
	display: inline;
	width: 290px;
	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 #F8981D;
	/* 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 #F8981D;
	/* border-collapse: collapse; */
}

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

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

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

/* this is the class for paragraph text at bottom of table */
.rates_hp table footnotes p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	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: #044680;
}

/* 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;
}

/********** RIGHT COLUMN FOR 1003 ********************
******************************************************/

#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;
}

.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
}