/**************************************************************
	Screen styles for the myFICO Loan Center
	Copyright (c) 2006 Fair Isaac Corporation
***************************************************************/

/*** import the style sheet for the Informa loan rate widget */
@import url(/css/ratewidget.css);

/*** Override base styles on these elements***
#container { padding: 0; }*/
#content.none {  }

/*** Loan Center pages are wrapped in this div, giving us a hook to descend from ***/
#loancenter { position: relative; margin: 0 0 25px; margin-top: -1px; width: 940px; padding: 25px 0; background: #fff url(/images/loancenter/lc_top.png) 0 0 repeat-x; clear:both;   float:left;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border:1px solid #eee}
#loancenter h1, #loancenter h2 { border: none; background: transparent; padding: 0; margin: 0 0 .4em 0; font-size: 180%; color: #4da8bd; }
#loancenter h3#eduhdr { border: none; background: transparent; padding: 0; margin: 2em 0 0 0; font-size: 130%; color: #4da8bd; clear:both; }

/*** Links ***/
#content #loancenter a.more { float: none; width: 1em; display: block; white-space: nowrap; overflow: visible; font-weight: normal; margin: .2em 0 .6em; }
a img { border: none; }

/*** Category main pages ***/
#loancenter.home { padding-top: 15px; background-image: url(/images/loancenter/lc_homebg.png); }
#loancenter.home #intro { margin-left: 10px; width: 600px; }
#loancenter.home #intro h2 { margin-bottom:.2em; }
#loancenter.home #intro h3 { font-size:90%; }

#flash { position: absolute; top: 0; right: 0; width: 395px; padding: 0; /*background: transparent url(/images/loancenter/lcwrap_roundcorner.png) right top no-repeat;*/ }

hr.space { height: 20px; visibility: hidden; clear: both; }

/****** Request form start box ***/
#start { border: none; background: transparent url(/images/loancenter/start_corner.png) right bottom no-repeat; padding:0 0 10px 0; margin-top: 5px; }
#start p { margin: .3em 0 0 20px; }
#start label { font-weight: bold; font-size: 90%; }
#start p#lcphone strong { font-size: 110%; }
#start div#call { font-size: 110%; font-weight: bold; float:right; text-align:center; margin: 10px 14px 0 0; color:#f60; }
#start div#call h5 { padding:0; margin:0; font-size:110%; line-height:1em; }
#start select { margin: 5px 0; }
#loancenter #start .button { position: relative; top: -5px; right: -5px; }
#loancenter #start .button, #loancenter #application .button { border-color: #6fd665 #106F08 #106F08 #6fd665; background: #23901a url(/images/loancenter/loanbutton.png); color: #fff; }
#start .error { color: #D9181E; font-weight: bold; }

/****** Steps ***/
#loancenter div.step { float:left; width:100%; margin: 0 0 25px 0; background: transparent url(/images/loancenter/lc_steptop.png) 0 0 repeat-x; clear:both; }
#loancenter div.step h2 { padding: 5px 35px 5px; background-color: transparent; background-position: 8px 50%; background-repeat: no-repeat; font-size: 120%; font-weight:bold; }

#loancenter div.step img { float: left; margin: 10px 15px 20px 10px; }
#loancenter div.step ol { float: left; list-style: none; margin: 5px 0; padding: 0; width: 360px; }
#loancenter div.step ol li { margin: .3em 0; padding-left: 12px; background: transparent url(/images/loancenter/stepbull.png) 2px 50% no-repeat; }

/********* Calculators list ***/
#loancenter div.step div.calcs { float:right; font-size: 90%; width: 240px; min-height: 50px; overflow: visible; margin: -1.5em 0 0 0; padding: 12px; padding-top: 0; background: transparent url(/images/loancenter/calcbg.png) right bottom no-repeat; }
#loancenter div.step div.calcs h4 { font-size: 100%; margin: 0; color: #444; }
#loancenter div.step div.calcs ul { margin: 0; padding: 0; list-style: none; }
#loancenter div.step div.calcs li { padding-left: 15px; margin: .3em 0; background: transparent url(/images/loancenter/calcicon.png) 0 1px no-repeat; }
#loancenter div.three div.calcs li { background: transparent url(/images/loancenter/pageicon.png) 0 1px no-repeat; }

/****** Different background for each step ***/
#loancenter div.one { margin-top: 1em; }
#loancenter div.one h2 { background-image: url(/images/loancenter/stepone.png); }
#loancenter div.two h2 { background-image: url(/images/loancenter/steptwo.png); }
#loancenter div.three h2 { background-image: url(/images/loancenter/stepthree.png); }
#loancenter div.four h2 { background-image: url(/images/loancenter/stepfour.png); }
#loancenter div.five h2 { background-image: url(/images/loancenter/stepfive.png); }
#loancenter div.six h2 { background-image: url(/images/loancenter/stepsix.png); }

/*** Customize the rate widget for Loan Center. Base styles are found in /css/ratewidget.css ***/
div#ratewidget { width: 100%; }
div#ratewidget div#ratewrap { padding: 5px 12px; background: #dbefda; border: 1px solid #dbefda; }

div#ratewidget h3 { margin:0 0 8px 2px; font-weight:normal; font-size:100%; }

/****** Tabs to select loan type ***/
div#ratewidget ul#loanselect li { border: none; width: 19.5%; background: #e7f5e6 url(/images/loancenter/widgtab_off_left.png) 0 0 no-repeat; }
div#ratewidget ul#loanselect li a { background: transparent url(/images/loancenter/widgtab_off_right.png) 100% 0 no-repeat; height:20px; padding:12px 4px 0 4px; }
div#ratewidget ul#loanselect li.current { background: #dbefda url(/images/loancenter/widgtab_on_left.png); border: none; z-index: 101; position: relative; }
div#ratewidget ul#loanselect li.current a { background-image: url(/images/loancenter/widgtab_on_right.png); padding:12px 4px 0 4px; }
div#ratewidget span.footnote { margin-top:1em; }

#loancenter.homeequity div#ratewidget ul#loanselect li { width: 28%; } /* wider tabs for Home Equity section */
* html div#ratewidget ul#loanselect li a { height:30px; } 

ul#loanselect li a:link { color: #444; }
ul#loanselect li a:visited { color: #444; }
ul#loanselect li a:hover { color: #444; text-decoration: none; }

ul#loanselect li.current a:link { color: #3C8EA2; }
ul#loanselect li.current a:visited { color: #3C8EA2; }
ul#loanselect li.current a:hover { color: #3C8EA2; text-decoration: none; }

/****** Widget rate table ***/
div#ratewidget table thead th { background: transparent url(/images/loancenter/widgcolhdr.png) left bottom repeat-x; padding: .4em 0; }
div#ratewidget table tbody th { border-bottom: 1px solid #dbefda; padding: .2em 0; }
div#ratewidget table tbody tr { background: #fff; }
div#ratewidget table tbody tr.alt { background: #fff; }
div#ratewidget table tbody td { border-bottom: 1px solid #dbefda; }

/****** Widget heading looks different when it's in an article ***/
#loancenter #article div#ratewidget h3 { margin: 10px 0; }

/*** Loan center main nav (top-level tabs)  ***/
ul#lcnav { margin:0; padding: 0; list-style: none; clear: both; font-size: 100%; width:60%; float:left;}
ul#lcnav li { border-bottom: 1px solid #a2b4ba; float: left; margin-right: 2px; margin-bottom: 0; background: #f7fafa url(/images/loancenter/lctab_off_left.png) 0 0 no-repeat; }
ul#lcnav li.current { border-bottom: none; background: #e8f0f2 url(/images/loancenter/lctab_on_left.png); z-index: 101; position: relative; }
ul#lcnav li a { display: block; padding: 6px 15px; background: transparent url(/images/loancenter/lctab_off_right.png) 100% 0 no-repeat; }
ul#lcnav li.current a { padding: 6px 15px 7px 15px; background-image: url(/images/loancenter/lctab_on_right.png); font-weight: bold; }

ul#lcnav li a:link { color: #444; text-decoration: none; }
ul#lcnav li a:visited { color: #444; text-decoration: none; }
ul#lcnav li a:hover { color: #444; text-decoration: none; }
ul#lcnav li.current a:link { color:#4a696f; text-decoration: none; }
ul#lcnav li.current a:visited { color:#4a696f; text-decoration: none; }
ul#lcnav li.current a:hover { color:#4a696f; text-decoration: none; }

div#securerights { float:right; width:220px; font-size:80%; line-height:1.1em;}
div#securerights img { padding:0 5px 0 0; }

/*** Loan Center subnav (left menu) ***/
#loancenter #subnav { float: left; width: 230px;}
#loancenter #subnav ol { list-style: none; margin: 0; padding: 0; background: #eef6f8 url(/images/loancenter/lcsubnav_top.png) right top no-repeat; }
#loancenter #subnav ol li { background: transparent url(/images/loancenter/nav_step.png) 3px 1em no-repeat; margin: 0; padding: 0; border-bottom: 1px solid #fff; font-weight: bold; }

#loancenter #subnav ol li.stepone { background-image: url(/images/loancenter/nav_step1.png); }
#loancenter #subnav ol li.steptwo { background-image: url(/images/loancenter/nav_step2.png); }
#loancenter #subnav ol li.stepthree { background-image: url(/images/loancenter/nav_step3.png); }
#loancenter #subnav ol li.stepfour { background-image: url(/images/loancenter/nav_step4.png); }
#loancenter #subnav ol li.stepfive { background-image: url(/images/loancenter/nav_step5.png); }
#loancenter #subnav ol li.stepsix { background-image: url(/images/loancenter/nav_step6.png); }
#loancenter #subnav ol li.calculator { background-image: url(/images/loancenter/nav_calc.png); }

#loancenter #subnav ol li.current { color: #4ea6bc; font-weight: bold; margin: 0; padding: 1em 1em 1em 2.2em; border: none; border-bottom: 1px solid #fff; background-color: transparent; background-position: 3px 1em; background-repeat: no-repeat; }
#loancenter #subnav ol li.current a { margin: 0; font-weight: bold; }
#loancenter #subnav ol li.current ol { margin: 1em -1em -1em -1.2em; }
#loancenter #subnav ol li.current ol li a { font-weight: normal; }

#loancenter #subnav ol li ol { margin-left: 1em; position: relative; background: #fff url(/images/loancenter/lcsubsubnav_top.png) left top no-repeat; }
#loancenter #subnav ol li ol li { font-weight: normal; border-bottom: none; background: transparent url(/images/loancenter/lcsubsubnav_arrow.png) 12px 1.3em no-repeat; }
#loancenter #subnav ol li ol li.current { background: transparent url(/images/loancenter/lcsubsubnav_arrowon.png) 12px 1.3em no-repeat; border-bottom: none; padding: 1em 1em 1em 2.2em; }

#loancenter #subnav ol li a { padding: 1em 1em 1em 2.2em; }
#loancenter #subnav ol li ol li a { padding: 1em 1em 1em 2.2em; }
#loancenter #subnav ol li a:link { color: #444; }
#loancenter #subnav ol li a:visited { color: #444; }
#loancenter #subnav ol li a:hover { color: #444; text-decoration: none; }

/*** Article pages ***/
#loancenter #article { display: inline; float: right; width: 675px; line-height: 1.55; margin: 10px 10px 0 0; }
#loancenter #article h3 { margin-top:2em; font-size:110%; }
#loancenter #article ul { list-style: none; margin: 0 0 0 15px; padding: 0; }
#loancenter #article ul li { margin: .2em 0; padding-left: 12px; background: transparent url(/images/loancenter/stepbull.png) 2px .6em no-repeat; }
#loancenter #article ul.checklist li { padding: 2px 0 2px 24px; background: transparent url(/images/loancenter/checkbull.png) 0 .2em no-repeat; }

/****** pullquotes ***/
#loancenter #article blockquote.pull { width: 170px; padding: 0 0 0 17px; background: transparent url(/images/loancenter/quote.png) left top no-repeat;}
#loancenter #article blockquote.pull p { padding: 0; margin: 0; font-size: 140%; line-height: 1.2; font-weight:bold; background: transparent url(/images/loancenter/endquote.png) right bottom no-repeat; }
#loancenter #article blockquote.left { float: left; margin: 0 10px 10px 0; }
#loancenter #article blockquote.right { float: right; margin: 0 0 10px 10px; }

/****** Calculator box ***/
#loancenter #article div.calcbox { float: right; clear: right; /*border: 1px solid #f3f5ea;*/ width: 168px; padding: 12px 10px 10px 23px; margin: 10px 0 10px 10px; font-size: 90%; line-height: 1.4; background: #f8f9f3 url(/images/loancenter/calcicon.png) 10px 10px no-repeat; }
#loancenter #article div.calcbox h4 { color: #666; font-size: 1em; margin: -10px; margin-bottom: -4px; padding: 6px 10px; padding-bottom: 0;}
#loancenter #article div.calcbox p { margin: .6em 0 0 0; }

/****** Images and captions ***/
#loancenter #article div.graphic { height: 1%; line-height: 1.4; width: 195px; /*background: #f8f9f3; border: 1px solid #f3f5ea;*/ padding: 4px; text-align: center; }
#loancenter #article div.graphic img { padding: 3px; border: 1px solid #acbabd; }
#loancenter #article div.graphic p { font-size: 90%; margin: 6px; text-align: center; }
#loancenter #article div.alignright { float: right; clear: right; margin: 0 0 6px 9px; }
#loancenter #article div.alignleft { float: left; margin: 0 9px 6px 0; }
#loancenter #article div.centered { background: transparent; border: none; width: 100%; margin: 1em auto; }

/****** Product pitch box ***/
#loancenter #article div.pitch { padding: 10px 20px; margin: 1em 0; background-color: #f8f9f3; }
#loancenter #article div.pitch p { margin: 0; }
#loancenter #article div.pitch strong { color: #666; }

/****** An arbitrary box to stand apart from other content ***/
#loancenter #article div.box { margin: 2em 0; background-color: #f8f9f3; padding: 1em 2em; }
#loancenter #article div.box h3 { margin-top: .2em; color: #555; }
#loancenter #article div.box div.calcbox { float:none; width:auto; padding: 0 0 0 15px; margin:0; background-position:0 8px; }

/****** previous and next links ***/
#loancenter #article p.prevnext { clear: both; font-size: 125%; font-weight: bold; line-height: 1.5; }
#loancenter #article p.prevnext a.prv { float: left; }
#loancenter #article p.prevnext a.nxt { float: right; margin-bottom: 1em; }

/****** Request Form Start box ***/
#loancenter #article #application { float: right; margin: 5px 0 10px 10px; font-size: 90%; line-height: 1.3; width: 184px; border-left: 1px solid #bdccd1; padding: 5px 0 5px 15px; /*background: transparent url(/images/loancenter/formbox_btm.png) 0 100% no-repeat;*/ }
#loancenter #article #application h3 { color: #4ea6bc; margin: 0; border: none; clear:none; }
#loancenter #article #application p { margin: .1em 0 .4em 0; }
#loancenter #article #application img { float: right; border: none; padding: 0; margin: 10px 5px 0 10px; }
#loancenter #article #application fieldset { border: none; margin: 0; padding: 0; }
#loancenter #article #application label { font-weight: bold; display: block; }
#loancenter #article #application select { font-size: 100%; float:left; }
#loancenter #article #application .button { float: right; padding:.2em 0; }
#loancenter #article #application .error { color: #D9181E; font-weight: bold; }

/****** Informa rate table (different from the widget) ***/
#loancenter table#ratetable { width: 100%; border-collapse: collapse; }
#loancenter table#ratetable caption { padding-bottom:10px; text-align:left; font-weight:bold; font-size:110%; color: #555; }
#loancenter table#ratetable thead th { background: #e6e9d8; color: #555; border-bottom: 1px solid #fff; text-align:center; }
#loancenter table#ratetable tbody th { background: #f2f4e9; font-weight: normal; text-align:center; }
#loancenter table#ratetable td { background: #f2f4e9; text-align: center; border-bottom: 1px solid #fff; }
#loancenter table#ratetable tr.alt td, #loancenter table#ratetable tbody tr.alt th { background: #f8f9f3; text-align:center; }
#loancenter table#ratetable tfoot td { background: transparent; font-size:80%; padding-top:5px; text-align:left; }

/****** Loan type comparisons on the "Choose a Loan" pages ***/
#comparetypes { position: relative; }

/********* Loan type tabs ***/
#comparetypes ul#tabswitch { list-style: none; margin: 0; padding: 0; clear: both; width: 100%; }
#comparetypes ul#tabswitch:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#comparetypes ul#tabswitch li { background: #f2f5e3 url(/images/loancenter/choosetab_off_l.png) 0 0 no-repeat; float: left; margin: 0 2px 0 0; padding: 0; }
#comparetypes ul#tabswitch li a { display: block; padding: 3px 10px; background: transparent url(/images/loancenter/choosetab_off_r.png) 100% 0 no-repeat; color: #444; text-decoration: none; }
#comparetypes ul#tabswitch li.current { background-color: #e6e9d8; background-image: url(/images/loancenter/choosetab_on_l.png); z-index: 101; }
#comparetypes ul#tabswitch li.current a { background-image: url(/images/loancenter/choosetab_on_r.png); color: #4ea6bc; font-weight:bold; margin-bottom:1px; }
#comparetypes ul#tabswitch a:active, #comparetypes ul#tabswitch a:focus { border: none; }

/********* this class is applied by JavaScript to hide and position the boxes ***/
#comparetypes div.moved { display: none; position: absolute; top: 2.2em; left: 0; }

#loancenter #comparetypes div.loantype { background-color: #f8f9f3; font-size: 90%; margin-bottom: 2em; padding: 20px 20px 0 20px; }
#loancenter #comparetypes div.loantype h3 { margin: 0; font-size: 130%; color: #4ea6bc; }
#loancenter #comparetypes div.loantype h4 { margin: 10px 0 5px 0; font-size: 110%; color: #555; }
#loancenter #comparetypes div.loantype p { margin: 0; font-size: 110%;  }

/********* Who is this loan good for? ***/
#loancenter #comparetypes div.loantype div.goodfor { width:470px; background-color: #fff;  margin: 15px 0 .6em 0; padding: 8px 18px; }
#loancenter #comparetypes div.loantype div.goodfor h4 { font-size: 110%; color: #555; margin: -0; padding: 8px 0 0 0; line-height: 1.1em; }
#loancenter #comparetypes div.loantype div.goodfor p { margin: .6em 0; }

/********* Calculator box in a loantype box ***/
#loancenter #comparetypes div.loantype div.calcbox { float: right; padding: 5px 0 5px 25px; margin: 10px 0 10px 10px; border-left: 1px solid #e6e9d8; font-size: 90%; background-color: transparent; background-position: 10px 6px; }
#loancenter #comparetypes div.loantype div.calcbox h4 { background-image: none; font-weight: normal; margin: 0; padding: 0; line-height:1.4; }
#loancenter #comparetypes div.loantype div.calcbox p { margin:0; }

/********* Factors to consider ***/
#comparetypes table.factors { margin: 1.5em 0 0 0; clear: both; border-collapse: collapse;}
#comparetypes table.factors thead th { line-height: 1.3; color:#555; background-color: #e6e9d8; border-right: 2px solid #fff; text-align:left; padding: 4px 1.5%; }
#comparetypes table.factors tbody td { width: 21%; padding: 6px 1.5% 20px 1.5%; vertical-align: top; background-color: #f8f9f3; border-right: 2px solid #fff; line-height: 1.4; }

/********* ARMs comparison table ***/
table.arms { width:95%; margin: 0; border-collapse: collapse; font-size:110%; border-top:solid 1px #e6e9d8; margin-top:10px; }
table.arms th { width: 60px; padding: 5px; vertical-align: top; color:#555; }
table.arms td { padding: 5px; }
table.arms th, table.arms td { border-bottom:solid 1px #e6e9d8; }

/****** PMI types are given the same tab treatment as loan types, but their content and layout differs ***/
#comparetypes div.pmitype { background-color: #f8f9f3; font-size: 90%; margin-bottom: 2em; padding: 20px; }
#loancenter #comparetypes div.pmitype h3 { margin: 0; font-size: 130%; color: #4ea6bc; }
#loancenter #comparetypes div.pmitype h4 { margin: 10px 0 5px 0; font-size: 110%; color: #555; }
#loancenter #comparetypes div.pmitype p { margin: 0; font-size: 110%;  }
#loancenter #comparetypes div.pmitype div.pmirisk { width:180px; float: right; padding: 10px 15px; margin: 0 0 10px 20px; font-size: 100%; background-color: #fff; line-height: 1.3; }
#loancenter #comparetypes div.pmitype div.pmirisk h4 { color: #555; margin: 0 0 7px 0; font-size: 100%; }
#loancenter #comparetypes div.pmitype div.pmirisk h4 span.high { color: #bf0000; border-left: 50px solid #bf0000; font-weight: normal; margin-left: 12px; padding-left: 6px; }
#loancenter #comparetypes div.pmitype div.pmirisk h4 span.med { color: #d88200; border-left: 25px solid #d88200; font-weight: normal; margin-left: 12px; padding-left: 6px; }
#loancenter #comparetypes div.pmitype div.pmirisk h4 span.low { color: #00991a; border-left: 5px solid #00991a; font-weight: normal; margin-left: 12px; padding-left: 6px; }

/****** Comparison of loan choices ***/
#loancenter table.choices { background-color: #e3e6d3; clear: both; margin: 1.5em 0; width: 100%; border-collapse: separate; }
#loancenter table.choices thead th { font-size:110%; color: #4DA7BC; text-align: left; padding: 5px 10px; background: #f8f9f3; }
#loancenter table.choices tbody th, table.choices tbody td { line-height: 1.4; vertical-align: top; text-align: left; background: #fff; padding: 10px; font-size:90%; }
#loancenter table.choices tbody td small { display: block; font-size: 90%; margin-top: 5px; }
#loancenter #article table.choices tbody td p { margin:0 0 15px 0; }
#loancenter #article table.choices tbody td p.leader { font-size:120%; line-height:1.2;}
#loancenter #article table.choices tbody td { width:33%; }
#loancenter #article table.choices tbody td h3 { margin:0 0 5px 0; }
#loancenter #article table.choices tbody td h4 { font-size:105%; margin:0 0 5px 0; }
#loancenter #article table.choices tbody td ul { margin:0; padding:0;  }
#loancenter #article table.choices tbody td ul li { margin-bottom:9px; padding:0 0 0 9px;}

/****** Descriptions of different penalties ***/
#loancenter dl.penalties { float: left; }
#loancenter dl.penalties dt { background: transparent url(/images/loancenter/checkbull.png) 0 50% no-repeat; font-size: 115%; padding-left:20px; }
#loancenter dl.penalties dd { margin: 0 10px 0 0; }
#loancenter dl.penalties dd.lookfor { margin: 0 0 20px 0; padding: 4px 0 20px 0; border-bottom: solid 1px #E9F0F2; }
#loancenter dl.penalties dd.lookfor h4 { font-size: 100%; color: #4a696f; display:inline; padding:0 10px 0 0; line-height: 1.1em; font-weight:normal; font-style:italic; }

/*** Calculator pages ***/
#loancenter.calculators h2 { margin-left: 15px; }
#loancenter.calculators div.section { float: left; margin: 1em 0; width: 90%; padding-bottom: 2em; border-bottom: 1px solid #d0dadc; }
#loancenter.calculators div.section h3 { font-size: 1.2em; margin: .5em 0; border: none; }
#loancenter.calculators div.section ul { list-style: none; margin: 1em 0; padding: 0; width: 48%; float: left; }
#loancenter.calculators div.section ul li { margin-bottom: .5em; padding-left: 18px; background: transparent url(/images/loancenter/calcicon.png) 0 2px no-repeat; }

/****** Calculator iframe ***/
#ctl00_ctl00_cphMainContent_cphMainContent_ifCalculator,#ctl00_cphMainContent_ifCalculator,#baseTemplate_ifCalculator { width: 475px; display: block; margin:0 auto; }

/*** Calculator index pages ***/
#content #loancenter.calclist ul { margin: 1.5em 0; padding: 0; }
#content #loancenter.calclist ul li { padding: 0; font-weight: bold; background-image: none; }
#content #loancenter.calclist ul li ul { margin: .5em 0 1em 10px; }
#content #loancenter.calclist ul li ul li { margin-bottom: .5em; font-weight: normal; padding-left: 18px; background: transparent url(/images/loancenter/calcicon.png) 0 2px no-repeat; }

/****** Request Form Start box when it appears on calculator pages ***/
#loancenter #article #application.calcpage { margin-top: 0; }
#loancenter #article #application.calcpage h3 { font-size: 100%; }

/*** Request form ***/
#loancenter.form { padding-top: 1em; border-top: none; background-image: none; }
#loancenter.form div.section { margin-bottom: 2em; border-top: 1px solid #e2eaec; background: transparent url(/images/loancenter/lc_top.png) 0 0 repeat-x; float:left; width:100%; clear:both; }
#loancenter.form div.section label { display: block; float: left; clear: left; width: 250px; padding: .4em 0; text-align: right; margin-right: 12px; }
#loancenter.form div.specialsection { margin-top: -.8em; margin-bottom: 2em; float:left; width:74%; clear:both; }
#loancenter.form div.specialsection label { width: 250px; padding: .4em 0; display: block; float: left; text-align: right; margin-right: 12px; }

#loancenter.form div.section span#ctl00_cphMainContent_rblHomeIdentified label,
#loancenter.form div.section span#ctl00_cphMainContent_rblHasAgent label,
#loancenter.form div.section span#ctl00_cphMainContent_rblHasContract label, 
#loancenter.form div.section span#ctl00_cphMainContent_rblHasSecondMTG label { width: auto; display: inline; float: none; padding: 0; }

/*** duplicate for lc_continue which is not master page ***/
#loancenter.form div.section span#baseTemplate_rblHomeIdentified label,
#loancenter.form div.section span#baseTemplate_rblHasAgent label,
#loancenter.form div.section span#baseTemplate_rblHasContract label, 
#loancenter.form div.section span#baseTemplate_rblHasSecondMTG label { width: auto; display: inline; float: none; padding: 0; }


#loancenter.form div.section p { margin: .25em 0; padding: 0; float:left; width:100%; clear:both; }
#loancenter.form div.section p.check label { float: none; display: block; clear: both; width: 60%; margin-left: 260px; font-size: 90%; text-align: left; }
#loancenter.form div.section p.check input { margin-bottom: 0; }

#loancenter.form div.privacy { font-size: 85%; line-height: 1.3; margin: 10px 0; overflow: auto; }
#loancenter.form div.privacy img { vertical-align: middle; margin-right: 6px; }
#loancenter.form div.top { width: 74%; clear:none; }
#loancenter.form div.identify { background: transparent url(/images/loancenter/lc_homebg.png) 0 -60px repeat-x; }
#loancenter.form div.identify p { margin: .3em 0; }
#loancenter.form div.identify strong { line-height: 2; font-size: 110%; }

#loancenter.form h3 { position: relative; font-size: 1.4em; border: none; padding: 4px 30px; margin: .2em .4em; background-repeat: no-repeat; background-position: 0 50%; }
#loancenter.form h3.one { background-image: url(/images/loancenter/stepone.png); }
#loancenter.form h3.two { background-image: url(/images/loancenter/steptwo.png); }
#loancenter.form h3.three { background-image: url(/images/loancenter/stepthree.png); }
#loancenter.form h3.four { background-image: url(/images/loancenter/stepfour.png); }
#loancenter.form h3.five { background-image: url(/images/loancenter/stepfive.png); }
#loancenter.form h3.six { background-image: url(/images/loancenter/stepsix.png); }

#loancenter.form div.reminder { padding: 15px; width: 155px; float: right; background-color: #f8f9f3;  }
#loancenter.form div.reminder h3 { color: #4ea6bc; margin: -10px; margin-bottom: 10px; font-size: 14px; padding: 6px 9px;  }
#loancenter.form div.reminder ul { list-style: none; margin: 0; padding: 0; }
#loancenter.form div.reminder ul li { margin: 10px 0; padding-left: 12px; background: transparent url(/images/loancenter/stepbull.png) 2px 7px no-repeat; }
#loancenter.form div.reminder p#lcphone { margin: auto -4px; font-size: 90%; }
#loancenter.form div.reminder p#lcphone strong { display: block; font-size: 110%; }

#loancenter.form p.error { padding-top: 3px; background: transparent url(/images/fielderrorbg.png) 259px top repeat-y; }
#loancenter.form p.error label, #loancenter.form span.error { color: #D9181E; font-weight: bold; }
#loancenter.form span.error { display:block; margin-top:1em; }
#loancenter.form p.error input, #loancenter.form p.error select { margin:3px 0; }

#loancenter.form #ctl00_cphMainContent_divErrors { padding: 12px 0; margin-bottom: 1em; }
#loancenter.form #ctl00_cphMainContent_divErrors h3 { color: #D9181E; font-size: 1.2em; margin: 0; }
#loancenter.form #ctl00_cphMainContent_divErrors ul { list-style: none; }
#loancenter.form #ctl00_cphMainContent_divErrors ul li { color: #D9181E; padding-left: 15px; margin-bottom: .3em; background: transparent url(/images/loancenter/erricon.gif) 0 3px no-repeat; }

#loancenter.form #ctl00_cphMainContent_btnSubmit { margin: 0 0 12px 265px; }
#loancenter.form #ctl00_cphMainContent_btnWait { margin: 0 0 12px 265px; }
#loancenter.form #ctl00_cphMainContent_lpSubmissionNotice { margin: -3.5em 0 2em 265px; width: 280px; line-height: 1.3; float:left; clear:both; }
#loancenter.form #ctl00_cphMainContent_pEmail { margin-bottom: -.7em; }
#loancenter.form #ctl00_cphMainContent_sRightsBottom { margin: 2em 0 1em 0; padding: 10px 0; border: 1px solid #eee; border-width: 1px 0; float:left; width:100%; clear:both; }
#loancenter.form #ctl00_cphMainContent_sRightsBottom img { float: left; }


#loancenter.form #ctl00_cphMainContent_lblChooseProduct, 
#loancenter.form #ctl00_cphMainContent_lblChooseState { width: 250px; padding: .4em 0; display: block; float: left; text-align: right; margin-right: 12px; }
#loancenter.form #ctl00_cphMainContent_btnStartRequest { margin-left: 263px; }
#loancenter.form div.section p#ctl00_cphMainContent_pAddress2 { margin-top: -.7em; }


/***duplicate if not master page ***/
#loancenter.form #baseTemplate_divErrors { padding: 12px 0; margin-bottom: 1em; }
#loancenter.form #baseTemplate_divErrors h3 { color: #D9181E; font-size: 1.2em; margin: 0; }
#loancenter.form #baseTemplate_divErrors ul { list-style: none; }
#loancenter.form #baseTemplate_divErrors ul li { color: #D9181E; padding-left: 15px; margin-bottom: .3em; background: transparent url(/images/loancenter/erricon.gif) 0 3px no-repeat; }

#loancenter.form #baseTemplate_btnSubmit { margin: 0 0 12px 265px; }
#loancenter.form #baseTemplate_btnWait { margin: 0 0 12px 265px; }
#loancenter.form #baseTemplate_lpSubmissionNotice { margin: -3.5em 0 2em 265px; width: 280px; line-height: 1.3; }
#loancenter.form #baseTemplate_pEmail { margin-bottom: -.7em; }
#loancenter.form #baseTemplate_sRightsBottom { margin: 2em 0 1em 0; padding: 10px 0; border: 1px solid #eee; border-width: 1px 0; }
#loancenter.form #baseTemplate_sRightsBottom img { float: left; }

#loancenter.form #baseTemplate_lblChooseProduct, 
#loancenter.form #baseTemplate_lblChooseState { width: 250px; padding: .4em 0; display: block; float: left; text-align: right; margin-right: 12px; }
#loancenter.form #baseTemplate_btnStartRequest { margin-left: 263px; }
#loancenter.form div.section p#baseTemplate_pAddress2 { margin-top: -.7em; }


/*** Request Results page ***/
#loancenter.result { border-top: none; background-image: none; padding-top: 0; }
#loancenter.result h2 { margin-bottom: 1em; }
#loancenter.result h3 { font-size: 120%; border: none; margin: 0; }
#loancenter.result p.summary { font-size: 120%; }
#lenderlist { float: left; clear: both; width: 99.5%; padding: 0; }
#lenderlist h3 { background: #dadcc4; font-size: inherit; padding: 6px 10px; margin: 0; }
#lenderlist dl { float: left; clear: both; border: 1px solid #eef0e2; width: 100%; margin: 2px 0 0 0; padding: 0; background: #eef0e2 url(/images/loancenter/resultbg.png) repeat-y; }
#lenderlist dt { font-size: 120%; font-weight: bold; float: right; width: 69%; margin: 8px 0; }
#lenderlist dd { float: right; width: 69%; }
#lenderlist dd.contact { font-size: 90%; }
#lenderlist dd.logo { background: #fff; float: left; display: inline; width: 26%; height: 60px; padding: 10px 5px; margin: 0; }
#lenderlist dd.logo a img { border: none; }

/****** Offer evaluation tools ***/
#loancenter.result #evaltools { float: left; clear: both; margin: 2em 0; width: 100%; background: transparent url(/images/loancenter/followupbg.png) center bottom no-repeat; }
#loancenter.result #evaltools h2 { font-size: 115%; margin: 20px 0; }
#loancenter.result #evaltools h3 { font-size: 105%; margin-bottom: 15px;}
#loancenter.result #evaltools div.col1 { width: 44%; float: left; padding: 0 20px; }
#loancenter.result #evaltools div.col2 { width: 44%; float: right; padding: 0 20px; }
#loancenter.result #evaltools ul { list-style: none; margin: 1em 0; padding: 0; }
#loancenter.result #evaltools ul li { margin-bottom: 1.2em; padding-left: 16px; background: transparent url(/images/loancenter/pageicon.png) 0 2px no-repeat; }
#loancenter.result #evaltools ul li.calc { background-image: url(/images/loancenter/calcicon.png); }

p.note { clear:both; }

/** temp solution to fix background **/
#loancenter div.step div.calcs { background: none; }
#loancenter div.step { margin-left: -10px; padding: 12px 10px 0; }
#loancenter.home { background-color: #fff; border-radius: 0 6px 6px 6px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radious: 0 6px 6px 6px; border: 1px solid #eee; padding: 10px; }
#intro { float: left; margin-bottom: 30px; }