body { font-family:arial, Helvetica, sans-serif; margin:0; padding:0; color:#006; font-size:12px; }
.clearBoth { clear: both; }
.marginTopBot10{margin: 10px 0;}
table.ingDirectheader { height:70px; width:100%; border-bottom:solid 4px #006; margin:0; padding:0; background-color:#fff; text-align:center; }
table.ingDirectheader td.logo { text-align:left; width:220px; padding:10px 0 0 10px; vertical-align:top; }
table.ingDirectheader td.logoO4B { text-align:center; margin:25px 5px 0 0; text-align:center; border-left:solid 1px #fff; border-right:solid 1px #fff; }
table.ingDirectheader td.smartSellBanner { padding:0 15px 0 5px; height:60px; width:370px; text-align:right; }
table.ingDirectheader td.accountControl { text-align:right; text-transform:uppercase; vertical-align:bottom; padding:0 5px 5px 0; width:220px; white-space:nowrap; }
table.ingDirectheader td.accountControl div { width:210px; white-space:nowrap!important; }
table.ingDirectheader td.accountControl a { font-size:12px; font-weight:bold; font-family:arial, helvetica, sans-serif; padding:0; margin:0 3px; }
table.ingDirectheader td.accountControl a:link, table.ingDirectheader td.accountControl a:visited { color:#006; text-decoration:none; }
table.ingDirectheader td.accountControl a:hover, table.ingDirectheader td.accountControl a:active { color:#006; text-decoration:underline; }
div.display_box_notification { float:right; width:240px; color: #FF6600; font-size:11px; margin: 0; }
div.display_box_notification a{font-size:11px!important;color:#f60;text-decoration:underline;}
div.display_box_notification_paper_check { float:right; clear:none!important; width:190px!important; color: #FF6600; font-size:11px; margin: 0; position:static!important; }
div.display_login_box_notification { float:left; width:650px; color: #FF6600; font-size:11px; margin: 0; }

/*********************************************/
/* fix for yui auto-select dropdown clipping */
#dialogBoxOverflow{padding:0; background: url(backgrounds/dlg_bg.gif) no-repeat center right; width:700px; margin: 6px 0 0 0;}
#dialogBoxOverflow div.tl { float:left; clear:none; background:#fff url(backgrounds/dlg_bg.gif) no-repeat left 10px; height:25px; width:10px; margin:0; padding:0; }
#dialogBoxOverflow div.tc { float:left; clear:none; background: #fff url(backgrounds/dlg_bg.gif) no-repeat center 10px; height:25px; margin:0; padding:0; vertical-align:middle; }
#dialogBoxOverflow .tc h3 { margin:0; padding:0 5px; height:16px; color:#f60; line-height:22px; background-color:none; font-size:1.35em; }
#dialogBoxOverflow div.tr { float:left; clear:none; background: #fff url(backgrounds/dlg_bg.gif) no-repeat right 10px; height:25px; width:10px; margin:0; padding:0; }
#dialogBoxOverflow div.main_content { float:left; clear:both; margin:0; padding:0 0 0 10px; background: url(backgrounds/dlg_bg.gif) no-repeat center left; position:relative; border-right: 1px solid #999; width: 689px; }
* html #dialogBoxOverflow div.main_content { border:none!important;  }
#dialogBoxOverflow div.bl { float:left; clear:both; background: url(backgrounds/dlg_bg.gif) no-repeat bottom left; height:10px; width:10px; margin:0; padding:0; }
#dialogBoxOverflow div.bc { float:left; clear:none; background: url(backgrounds/dlg_bg.gif) no-repeat bottom center; height:10px; margin:0; padding:0; }
#dialogBoxOverflow div.br { float:left; clear:none; background: url(backgrounds/dlg_bg.gif) no-repeat bottom right; height:10px; width:10px; margin:0; padding:0; }
/********************************************/

#dialogBox { padding:0; background: url(backgrounds/dlg_bg.gif) no-repeat center right; width:700px; overflow:hidden; margin: 6px 0 0 0; }
.content_width { width:680px; }
#dialogBox div.tl { float:left; clear:none; background:#fff url(backgrounds/dlg_bg.gif) no-repeat left 10px; height:25px; width:10px; margin:0; padding:0; }
#dialogBox div.tc { float:left; clear:none; background: #fff url(backgrounds/dlg_bg.gif) no-repeat center 10px; height:25px; margin:0; padding:0; vertical-align:middle; }
#dialogBox .tc h3 { margin:0; padding:0 5px; height:16px; color:#f60; line-height:22px; background-color:none; font-size:1.35em; }
h3 span.white { margin:0; background-color:#fff; }
#dialogBox div.tr { float:left; clear:none; background: #fff url(backgrounds/dlg_bg.gif) no-repeat right 10px; height:25px; width:10px; margin:0; padding:0; }
#dialogBox div.main_content { float:left; clear:both; margin:0; padding:0 0 0 10px; background: url(backgrounds/dlg_bg.gif) no-repeat center left; position:relative; }
#dialogBox div.bl { float:left; clear:both; background: url(backgrounds/dlg_bg.gif) no-repeat bottom left; height:10px; width:10px; margin:0; padding:0; }
#dialogBox div.bc { float:left; clear:none; background: url(backgrounds/dlg_bg.gif) no-repeat bottom center; height:10px; margin:0; padding:0; }
#dialogBox div.br { float:left; clear:none; background: url(backgrounds/dlg_bg.gif) no-repeat bottom right; height:10px; width:10px; margin:0; padding:0; }


/*############ Sign-in ############*/
.msglogin {width: 360px; margin-left: 5px; margin-top: -3px;}








.dropdown { width:350px; }
.date_input_standard { font-size:.85em; }
.dropdownacctDetails { margin:-2px 0 5px 0; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000066; }
.disclaimer_ui { width:700px; overflow:hidden; margin:0; padding:10px 0 10px 0!important; }
.disclaimer_ui .disclaimercopy { float:left; clear:none; width:350px; margin:0 0 0 0; padding:0; font-size:11px; }
.disclaimer_ui .uiElms { /*width:349px;*/ margin:0; padding:0; float:right; clear:none; text-align:right; }
.detailheading { color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.option_text { font-size: .8em; }
a.transBtn { display:-moz-inline-box; display:inline-block; background: transparent url(backgrounds/trans_btn_right.gif) no-repeat top right; text-decoration: none!important; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-weight:600; text-align:center; padding:0 14px 5px 0; margin:0 7px; height:28px; text-decoration:none; }
a.transBtn:hover { text-decoration:none; cursor:pointer; }
a.transBtn div { font-size:16px; background: transparent url(backgrounds/trans_btn_left.gif) no-repeat top left; height: 28px; line-height:28px; padding:0 5px 10px 19px; margin:0; cursor:pointer; text-decoration:none; }
* html a.transBtn { display:inline; width:1%; white-space:nowrap; }
* html a.transBtn:hover { text-decoration:none; cursor:pointer; }
.loanRecur { clear:both; width:500px; }
.noFormMargin { margin: 0; }
#tabOrange { float:left; width:100%; font-size:93%!important; line-height:normal; }
td #tabOrange * { margin: 0; padding: 0; }
#tabOrange ul { margin:0; padding:0px 10px 0 0; list-style:none; }
#tabOrange li { display:inline; margin:0; padding:0; }
#tabOrange a { font: bold 11px Verdana; float:left; background: url('backgrounds/tab_orange_left.gif') no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; color:#fff; }
#tabOrange a span { float:left; display:block; background: url('backgrounds/tab_orange_right.gif') no-repeat right top; padding:4px 10px 4px 2px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabOrange a span { float:none; }
/* End IE5-Mac hack */
#tabOrange a:hover span { color:#FFF; text-decoration:underline; }
#tabOrange a:hover { background-position:0% -21px; }
#tabOrange a:hover span { background-position:100% -21px; }
#tabOrange #current a { background-position:0% -21px; }
#tabOrange #current a span { background-position:100% -21px; }

/*############ Tertiary Tabs ############*/
#tertiary_tabs { height: 38px; font: bold 12px Arial, Helvetica, sans-serif;  line-height:normal; border-bottom:4px solid #f60;z-index:2;}
#tertiary_tabs ul { margin:0; padding:10px 10px 0 0; list-style:none; }
#tertiary_tabs li { display:inline; margin:0; padding:0; }
#tertiary_tabs a { float:left; background:url('backgrounds/tableft.gif') no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tertiary_tabs a span { float:left; display:block; background:url('backgrounds/tabright.gif') no-repeat right top; padding:7px 15px 6px 6px; color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tertiary_tabs a span { float:none; }
/* End IE5-Mac hack */
#tertiary_tabs a:hover span { color:#fff; }
#tertiary_tabs a:hover { background-position:0% -42px; }
#tertiary_tabs a:hover span { background-position:100% -42px; text-decoration:underline; }
#tertiary_tabs #current a { background-position:0% -42px; color:#fff; }
#tertiary_tabs #current a span { background-position:100% -42px; color:#fff }

/*############ Paper Checks ############*/
#checkViewEnter { width:700px; height:230px; position:relative; background:url(backgrounds/gfx_back.gif) top left; border:solid 1px #b2c7cf; font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:both; }
#checkViewEnter .availableBalance { float: right; width: 300px; margin: 65px 5px 0 0; padding: 0; font-size: 9pt; text-align: right; }
#checkViewEnter .returnAddress { position:absolute; top:5px; left:5px; width:600px; }
#checkViewEnter .returnAddress span { font-style:italic; font-weight:bold; }
#checkViewEnter .checkDate { position:absolute; top:5px; right:5px; width:200px; text-align:right; }
#checkViewEnter .payToTheOrder { position:absolute; top:95px; left:5px; width:350px; text-align:left; clear:none; font-size:12px!important; }
#checkViewEnter .checkAmount { position:absolute; top:94px; right:5px; width:175px; text-align:right; clear:none; font-size:12px!important; }
#checkViewEnter .checkMemo { position:absolute; top:170px; left:5px; width:300px; clear:none; font-size:12px!important; }
#checkViewEnter .checkSignature { position:absolute; top:170px; right:5px; width:200px; text-align:center; border-bottom:solid 2px #000066; }
#checkViewEnter .checkPrintLogoImage { position:absolute; top:130px; left:5px; width:150px; height:34px; border:0; }
#checkViewEnter .checkPrintABA { position:absolute; top:200px; left:5px; width:320px; }
/*############ Envelope View Section ############*/
/* envelopeViewEnter shows envelope background image with stamp & barcode
** blankEnvelopeViewEnter has a solid yellow background (used in expedited checks)
*/
#envelopeViewEnter { width:700px; height:263px; position:relative; background:url(backgrounds/envelope_via_mail.gif) top right no-repeat; border:solid 1px #7F7F66; background-color:#FFFFCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:both; }
#envelopeViewEnter .returnAddress, #blankEnvelopeViewEnter .returnAddress { position:absolute; top:5px; left:5px; width:375px; }
#envelopeViewEnter .returnAddress span, #blankEnvelopeViewEnter .returnAddress span { font-style:italic; font-weight:bold; }
#envelopeViewEnter .addressTo { position:absolute; top:120px; right:70px; width:375px; font-size:16px; }
#envelopeViewEnter .addressTo span, #blankEnvelopeViewEnter .addressTo span, #blankEnvelopeViewEnter .addressValidate span { font-style:italic; font-weight:bold; font-size:16px; }
#blankEnvelopeViewEnter { width:700px; height:263px; position:relative; border:solid 1px #7F7F66; background-color:#FFFFCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:both; }
#blankEnvelopeViewEnter .payee { font-size: 13pt; }
#blankEnvelopeViewEnter .checkDate { float: right; width: 200px; text-align: right; margin: 10px 10px 0 0; font-size: 9pt; }
#blankEnvelopeViewEnter .addressTo { position:absolute; top:50px; right:20px; width:575px; font-size:16px; }
#blankEnvelopeViewEnter .addressValidate { position:absolute; top:90px; right:20px; width:430px; font-size:16px; }
#blankEnvelopeViewEnter .courierMessage { position:absolute; top:220px; right:170px; width:320px; }
#blankEnvelopeViewEnter .courierMessage span { font-style:italic; font-weight:bold; font-size:24px; text-align:center; color: #666666 !important; }
/******************************/
/** End Paper Checks Section **/
/******************************/

.irabmargin ol {margin-bottom:10px;}
.irabmargin ol li{margin-bottom:5px;}
.irabmargin ul {margin-bottom:10px;}
.irabmargin ul li{margin-bottom:5px;}
.notificationBox { clear:both; font-size:11px; color:#006; margin:10px 0; }
.notificationBox p { margin:0 0 0 5px; }
.floatLeft { float:left; }
.clearNone { clear:none; }
.width700 { width:700px; }
a.samestateorange:link,
a.samestateorange:visited,
a.samestateorange:hover,
a.samestateorange:active{ color:#f60; text-decoration:underline;}
#loadingContent { font-family:Verdana; color:#f60; background:#fff url('backgrounds/please_wait_bg.gif') 50% 50% no-repeat; height:95px; width:335px; }
#loadingContent table { width:100%; height:90px; }
#loadingContent td { text-align:center; vertical-align:middle; font-weight:bold; color:#006; font-size:14px!important; }
#billPayHeader { width:775px; border-top:solid 1px #006; border-bottom:solid 1px #006; }
#billPayHeader td { font-size:12px!important; font-weight:bold; padding:0; height:20px; line-height:20px; }
#billPayHeader a.titleSort:link,
#billPayHeader a.titleSort:visited{ background-color:#fff; text-decoration:none; color:#006!important; }
#billPayHeader a.titleSort:hover,
#billPayHeader a.titleSort:active{ background-color:#e0e0e0; text-decoration:underline; color:#006!important; }
.billPayTableData * { margin:0; padding:0; }
.billPayTableData { width:775px; font-size:12px; }
.billPayTableData .truncate { cursor:help; background-color:#f00; }
.billPayTableData td { height:22px!important; border-bottom: solid 1px #DAE5EF; }
#billPayScroll { width:795px; height:220px; overflow:auto; }
.lineRule { border-bottom:#006 1px solid; }
.width775p { width:775px; }
.width300p { width:300px; }
.width200p { width:200px; }
.width100p { width: 100px; }
.width75p { width:75px; }
.width50p { width:50px; }
.width35p { width:35px; }
.txtAlignCen { text-align:center!important; }
.smallOrange { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#f60; }
.tooltip { width: 250px; color:#000; font:lighter 11px/1.1 Arial, sans-serif; text-decoration:none; text-align:left }
.tooltip span.top { padding: 5px 8px 0px; color: #000066; background: url('backgrounds/bubble_tooltip_bg.gif') no-repeat top }
.tooltip b.bottom { padding: 3px 8px 5px; color: #000066; background: url('backgrounds/bubble_tooltip_bg.gif') no-repeat bottom }
table.alternating_rows { width: 100%; }
.alternating_rows th { font-size:12px; font-weight:bold; text-align:left; padding:3px 5px; }
.alternating_rows td { text-align:right; padding:3px 5px; font-size:12px; width:200px; }
.alternating_rows th.column_header { font-size:14px; font-weight:bold; text-align:right; width:200px; }
.alternating_rows tr.alternate { background-color: #eeeeee; }
.alternating_rows tr.highlight { background-color:#FFE9D8; cursor:default; }
.alternating_rows acronym { border-bottom:dotted 1px #000066; }
.alternating_rows .textfade { color:#736F6E; }
.alternating_rows .textfade acronym { border-bottom:dotted 1px #acacac; }
.not_production_warning { position:absolute; top:10px; left:400px; width:400px; height:40px; background-color:#ffffff; color:red; font-size:25pt; font-weight:bold; text-align:center; }

/*############ Ledger Table ############*/
.ledgerTableTitle{margin: 15px 0 5px 0; text-align: left; font-weight: bold; color: #f60; font-size: 14px;}
.ledgerTable {border-collapse: collapse; text-align: right;}
.ledgerTable *, .ledgerTableData * { margin:0; padding:0; }
.ledgerTable thead th, .ledgerTableHeader { border-top:1px solid #006; border-bottom:1px solid #006; }
.ledgerTable thead th, .ledgerTableHeader th { font-size:12px!important; font-weight:bold; padding:2px 3px; text-align: right; }
.ledgerTableHeader th {text-align: left;} /* for legacy code */
.ledgerTable thead th:first-child{text-align: left; padding-left: 10px;}
.ledgerTable tfoot td {border-top: 2px solid #006; font-weight: bold; padding:2px 3px;}
.ledgerTable tbody, .ledgerTableData { font-size:12px; color: #006; }
.ledgerTable tbody td, .ledgerTableData td { border-bottom: solid 1px #DAE5EF; padding:2px 3px;}
.ledgerTable tbody tr.highlightRow, .ledgerTableData tr.highlightRow {font-weight: bold!important;}
.ledgerTable .highlightCell, .ledgerTableData td.highlightCell {background-color:#FFE9D8;}
.ledgerTableScroll { height:220px; overflow:auto;}
* html .ledgerTableScroll { height:240px;}
.ledgerTableGrand {font-weight: bold; margin: 25px 0; border-top: 4px solid #006;}
.ledgerTable tbody .odd{background-color: #E8ECEF;}
.ledgerTable tbody .even{background-color: #fff;}
/*first-child for pages which have a doctype, otherwise, .first */
.ledgerTable thead tr th:first-child,
.ledgerTable tbody tr td:first-child,
.ledgerTable tfoot tr td:first-child,
.ledgerTable .first
    {text-align: left; padding-left: 10px;}

/*############ Icon Table ############*/
.iconTable { font-size: 11px; border-collapse: collapse; }
.iconTable * { margin: 0; padding: 0; }
.iconTable a, .iconTable a:visited { color: #f60; text-decoration: underline; }
.iconTable caption { font-size: 20px; text-align: left; padding: 0 0 5px 10px; }
.iconTable thead tr { background: transparent url('backgrounds/th_bg.gif') top left repeat-x; }
.iconTable thead span { display: block; height: 100%; padding: 5px; font-weight: bold; text-align: center; color: #006; border-bottom: 1px solid #BEC4D0; white-space: nowrap; }
.iconTable thead span.iconTableFirst { background: transparent url('backgrounds/th_bg_left.gif') top left no-repeat; text-align: left; padding-left: 10px; }
.iconTable thead span.iconTableLast { background: transparent url('backgrounds/th_bg_right.gif') top right no-repeat; }
.iconTable tbody td { padding: 5px; }
.iconTable tbody tr {border-bottom: solid 1px #DAE5EF;}
.iconTable tbody img { float: left; margin-left: 5px; }
.iconTable tbody a img { border: none; }
.iconTable tbody h3 { color: #f60; font-size: 15px; font-weight: bold; margin-left: 65px; }
.iconTable tbody h3 a, .iconTable tbody h3 a:visited, .iconTable tbody h3 a:active { text-decoration: none; font-size: 15px; color: #f60; }
.iconTable tbody h3 a:hover { text-decoration: underline; }
.iconTable tbody h3 span { color: #006; font-size: 19px; }
.iconTable tbody p { margin-left: 65px; }
.iconTable .iconTableCost { display: block; height: 100%; margin: 5px 0; padding: 16px 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; font-size: 19px; font-weight: bold; }
.iconTable .iconTableCostNB { display: block; height: 100%; margin: 5px 0; padding: 16px 0; text-align: center; font-size: 19px; font-weight: bold;}
.iconTable dl { text-align: center; }
.iconTable dt { font-weight: bold; }
.iconTable dd { padding-bottom: 3px; }
.iconTable .iconTableEven td { background-color: #E8ECEF; }
.iconTable .iconTableOdd { background-color: #fff; }
.iconTable .iconTableEvenBord td { background-color: #eee; border: 1px solid #DFDFDF; }
.iconTable .iconTableOddBord td{ background-color: #fff; border: 1px solid #E2E2E2; }

.iconTable .step_number {font-size: 20px; color: #f60; display: block; width: 20px; float: left; margin: -4px 0 0 3px;}
.iconTable tbody h4 { color: #006; font-size: 13px; font-weight: bold; padding: 5px 0; }
.iconTable tbody .iconTableIconSmall { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 30px;}
.iconTable tbody .iconTableIconLarge { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 5px; width: 122px;}

/*############ Sidebar Right ############*/
#sidebarRight { width:200px; background:transparent url(backgrounds/right_nav_grad.gif) top left no-repeat; padding:0 20px; vertical-align: top; }
#sidebarRight h3 { font-size: 16px; margin-bottom: 0; }
* html #sidebarRight h3 { padding-top: 15px; }
#sidebarRight ul { list-style: none; margin: 0; padding: 0; }
#sidebarRight li { padding-left: 10px; margin: 5px 0; background: transparent url(backgrounds/triangle_bullet.gif) 0 5px no-repeat; }
#sidebarRight a, #sidebarRight a:visited { color: #f60; text-decoration: none; }
#sidebarRight a:hover { text-decoration: underline; }
#sidebarRight #orangeBallFooter{margin: 20px 0 0 40px;}
#sidebarRight .sidebarText{font-size: 12px; line-height: 14px; padding-top: 10px; border-top: 1px solid #f60;}
/*Leftover items from inline*/ 
.infospacer { padding-bottom: 7px; }
.routingNumber { padding-bottom: 5px; text-align: right; }
.tabledata { text-align: center; }
.tabledatahighlight { color : #FF6600; font-weight: bolder; text-align: center; }
div#pinball { position: relative; right: 73px; }
div#pinballNewPad { position: relative; right: 10px; }
.submit_buttons { text-align: center; }
.pinButton { text-align: center; }
.TaxFormViewButton { padding:5px 0 0 0; }
* html .TaxFormViewButton { padding:15px 0 0 0; }
.topli { background-image:url('backgrounds/bullet.gif'); background-repeat:no-repeat; background-position:0 .3em; padding-left:1.2em; padding-top:.3em; color:#000066; }
* html .topli { background-position:0 .5em; }
.otherli { background-image:url('backgrounds/bullet.gif'); background-repeat:no-repeat; background-position:0 .8em; padding-left:1.2em; padding-top:.8em; color:#000066; }
* html .otherli { padding-top:0.6em; background-position:0 .8em; }
.tableheader { background-color:#000066; font:bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; vertical-align: bottom }
.fund { background-color:#FFFFFF; font: 8pt Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #000066 }
.footnote { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; }
.nowrap, .errorCell { white-space: nowrap; }
.errorCell { background-color: #ffbbbb; }
.textright { text-align: right; }
img.clear { cursor: pointer; }
.topbar_col { padding-right:15px; }
#accountLocation ul { margin:0 0 0 120; padding:5 0 0 0; font-weight:bold; font-size:13; }
#accountLocation ul li { display:inline; }
#addressOnFile { width:400px; height:1%; line-height:15px; height:50px; margin:2; float:left; position:relative; }
#internalAlertMessage { margin:0 0 0 94; padding:5 0 0 0; }
#abaImage { margin:0 0 0 140; padding:0 0 0 0; }
#accountExternal ul { margin:0 0 0 114; padding:5 0 0 0; font-weight:bold; }
#accountLocation_input ul { margin:0 0 0 70; padding:5 0 0 0; font-weight:bold; }
#accountExternal ul li, #accountLocation_input ul li { display: inline;}
#buttonArray { width:100%; text-align:right; }
#imageArray { text-align:center; white-space:nowrap; }

/*############ Progress Bar ############*/
ol.progressBar { margin: 20px 0; padding: 0; list-style-type: none; float: left; clear: left; width: 100%; }
ol.progressBar * { margin: 0; padding: 0; }
/* UNFINISHED ITEMS (DEFAULT) */
ol.progressBar li { float: left; width: 180px; margin-left: -13px; height: 29px; background: transparent url('backgrounds/progressbar_incomplete.gif') top left no-repeat; }
ol.progressBar li p { height: 29px; padding-top: 7px; text-align: center; color: #333; font: bold 11px Arial, Helvetica, sans-serif; }
/* COMPLETED ITEMS */  
ol.progressBar li.completed { background: transparent url('backgrounds/progressbar_complete.gif') top left no-repeat; }
ol.progressBar li.completed p { color: #fff; font: bold 11px Arial, Helvetica, sans-serif; }
ol.progressBar li.completed span { /* show checkmark */ background: transparent url('backgrounds/progressbar_check.gif') top right no-repeat; display: block; height: 29px; margin: -2px 10px 0 0; padding: 2px 10px 0 0; }
/* FIRST LIST ITEM */ 
ol.progressBar li.first { background: #006 url('backgrounds/progressbar_lcap.gif') top left no-repeat; margin-left: 0; }
ol.progressBar li.first p { background-image: none; }
/* LAST LIST ITEM */ 
ol.progressBar li.last p { background: transparent url('backgrounds/progressbar_rcap.gif') top right no-repeat; padding-left: 15px; }
/* IE6 patches */
  * html ol.progressBar li.first p { height: 1%; }
  
/*############ Msg Box ############*/
.msgbox * { margin: 0; padding: 0; } /* reset msgbox css */
.msgbox { margin: 0 0 10px 0; max-width: 1000px; }
/* for login page */
.msgbox_top,  .msgbox_bottom { height: 12px; font-size: 1px; /* for IE6 */ clear: both; /* for IE6 */ }
.msgbox_top div,  .msgbox_bottom div { width: 12px; height: 12px; }
.msgbox_middle div { overflow: auto; padding: 8px 0 0 0;}
.msgbox_middle .icon { display: block; width: 35px; height: 35px; float: left; margin: -10px 0 0 12px; text-indent: -9999em; }
.msgbox_middle p { margin: 0 10px 4px 48px; padding: 0px 5px; font-size: 10pt; }
.smalltext .msgbox_middle p{font-size: 8.5pt;}
.msgbox a,  .msgbox a:visited { color: #f60; text-decoration: underline; }
/* IE6... */
* html .msgbox_middle div { height: 1%; /* force haslayout */ }
* html .msgbox_middle .icon { display: inline; /* IE6 double margin bug */ }
* html .msgbox_middle p{display: inline-block;} /* IE7 4th line indent bug */
/* msgbox STOP skin */
.msg_stop .msgbox_top { background: transparent url(backgrounds/msgbox_sprites.gif) no-repeat 100% 0; }
.msg_stop .msgbox_top div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 0 no-repeat; }
.msg_stop .msgbox_middle { background: transparent url(backgrounds/msgbox_bg_r_stop.gif) 100% 0 repeat-y; }
.msg_stop .msgbox_middle div { background: transparent url(backgrounds/msgbox_bg_l_stop.gif) 0 0 repeat-y; }
.msg_stop .msgbox_bottom { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -12px no-repeat; }
.msg_stop .msgbox_bottom div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -12px no-repeat; }
.msg_stop .icon { background: transparent url(backgrounds/msgbox_icons.gif) 0 0 no-repeat; }
/* msgbox CAUTION skin */
.msg_caution .msgbox_top { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -24px no-repeat; }
.msg_caution .msgbox_top div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -24px no-repeat; }
.msg_caution .msgbox_middle { background: transparent url(backgrounds/msgbox_bg_r_caution.gif) 100% 0 repeat-y; }
.msg_caution .msgbox_middle div { background: transparent url(backgrounds/msgbox_bg_l_caution.gif) 0 0 repeat-y; }
.msg_caution .msgbox_bottom { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -36px no-repeat; }
.msg_caution .msgbox_bottom div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -36px no-repeat; }
.msg_caution .icon { background: transparent url(backgrounds/msgbox_icons.gif) 0 -35px no-repeat; }
/* msgbox OK skin */
.msg_ok .msgbox_top { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -48px no-repeat; }
.msg_ok .msgbox_top div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -48px no-repeat; }
.msg_ok .msgbox_middle { background: transparent url(backgrounds/msgbox_bg_r_ok.gif) 100% 0 repeat-y; }
.msg_ok .msgbox_middle div { background: transparent url(backgrounds/msgbox_bg_l_ok.gif) 0 0 repeat-y; }
.msg_ok .msgbox_bottom { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -60px no-repeat; }
.msg_ok .msgbox_bottom div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -60px no-repeat; }
.msg_ok .icon { background: transparent url(backgrounds/msgbox_icons.gif) 0 -70px no-repeat; }
/* msgbox INFO skin */
.msg_info .msgbox_top { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -72px no-repeat; }
.msg_info .msgbox_top div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -72px no-repeat; }
.msg_info .msgbox_middle { background: transparent url(backgrounds/msgbox_bg_r_info.gif) 100% 0 repeat-y; }
.msg_info .msgbox_middle div { background: transparent url(backgrounds/msgbox_bg_l_info.gif) 0 0 repeat-y; }
.msg_info .msgbox_bottom { background: transparent url(backgrounds/msgbox_sprites.gif) 100% -84px no-repeat; }
.msg_info .msgbox_bottom div { background: transparent url(backgrounds/msgbox_sprites.gif) 0 -84px no-repeat; }
.msg_info .icon { background: transparent url(backgrounds/msgbox_icons.gif) 0 -105px no-repeat; }

.infoTextBlue {font-size:11px!important; font-weight:normal; color:#006;text-decoration:none!important; margin: -7px 0 0 27px!important;}
.infoTextBlue a {text-decoration:none!important;color:#006!important;font-size:11px!important;}
.instruction{font-size:11px; font-style:italic;font-weight:normal;}
.subTextRed{ font-size:11px; color:#f00;}
.echeck_comment{ width:325px!important; height:100px;}

/*############ Fieldset ############*/

#nimbus_wrapper{overflow:visible;margin:0;padding:1px 0;width:80%;}
dl.nimbus {font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#006;margin:10px 0 0 0;float:left;clear:none!important;}
dt.nimbus {float:left;clear:both;text-align:right;font-size:0.9em;font-weight:bold;margin:0 5px 0 0;line-height:20px;width:180px;}
dd.nimbus input.radio_float{float:left;clear:none;}
dd.nimbus p{float:left;clear:none;margin:0;padding:0;}
  

/*############ Trans History Nav ############*/
.transHistoryNav{text-align:center;margin:10px 0 20px 0; width:650px;}
.transHistoryNav a.historyLink{font-weight:bold!important; color:#006!important;text-decoration:none!important;}
.transHistoryNav a.historyLink:link,
.transHistoryNav a.historyLink:visited{text-decoration:none!important;}
.transHistoryNav a.historyLink:hover,
.transHistoryNav a.historyLink:active{text-decoration:underline!important;}
.transHistoryNav span{font-weight:bold!important; color:#999!important; }
.transHistoryNav .older{margin:0 0 0 60px!important}
.transHistoryNav .newer{margin:0 60px 0 0!important;}

/*############ Orange Buttons ############*/
a.staticbutton {display:-moz-inline-box; display:inline-block; background: transparent url('backgrounds/btn_orange_right.gif') no-repeat top right; text-decoration: none; color: #fff !important; text-align:center; padding:0 14px 5px 0; margin:0 7px; height:28px; text-decoration:none; font-weight: bold;}
a.staticbutton :hover{text-decoration:none;cursor:pointer;}
a.staticbutton div, a.staticbutton span { display:block;font-size:16px;background: transparent url('backgrounds/btn_orange_left.gif') no-repeat top left;height: 28px;line-height:28px;padding:0 5px 10px 19px;margin:0;cursor:pointer;text-decoration:none;} 
* html a.staticbutton {display:inline;width:1%;white-space:nowrap;}
* html a.staticbutton:hover{text-decoration:none;cursor:pointer;}

.infoArea{clear:both;}
.infoArea p{margin:5px 0 0 0;padding:0}
.infoArea ol,
.infoArea ul{margin:0}

/*############ Inline Validation ############*/
.invalidDynamicTotal{padding: 1px 5px;border: 1px solid #f00;color: #f00;display: inline-block;margin-top: 5px;}
.field_with_errors .field_error_indicator{padding: 1px; border: 1px solid #f00; display: inline-block;}
.field_error_msg{color: #f00; font-size: 80%; line-height: 14px !important; padding: 0 0 5px 2px;}
.field_error_hide{display: none;}

/*############ My Loan Status ############*/
#mls_content_container {width: 800px; margin-bottom: 15px;}
#mls_content_container #msgbox_container{margin: 5px 5px 0 5px;}
#mls_content_container dl.nimbus_dl dt{width: 47%;}
#mls_content_container ul.faq_list{list-style-type: none;padding: 10px 10px 5px 6px;margin: 0;}
#mls_content_container ul.faq_list li{margin-bottom: 10px; padding-left: 10px; background: url('backgrounds/faq_bullet.gif') no-repeat scroll 0px 4px transparent;}
#mls_content_container ul.faq_list li a{font-size: 15px;}
#mls_content_container h2.faq_subheadings{font-size: 15px; margin: 0;}
#mls_content_container .dl_icon{margin-right: 5px;}
#mls_content_container .history_container{margin-left: 20px;}
#mls_content_container .history_ind{margin: 0px 3px 0 0; vertical-align: baseline;}
#mls_content_container a.history_link{font-style: italic; color: #006!important; text-decoration: none!important;}
#mls_content_container .history_files{margin: 0 0 0 10px; padding-left: 13px; display: none;}
#kidsHide { display: block; margin: 0px; border: 0px; padding: 0px; }