/* Styles for Fosik */
/* Reset */
html, body, div, span, applet, object, iframe,/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, font, ins, kbd, q, s, samp,small, strike, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
color: inherit;
}
body
{
font-size: 11px;
}
p
{
margin-top: 2px;
margin-bottom: 3px;
}
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6
{ margin: 0; padding: 0; border: 0; outline: 0;
/*font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;*/
vertical-align: baseline;
}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {/*text-align: left;*/ font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/* General Styles */
body{background: #FBF6F0 url('../../images/body_bg.gif') repeat-x ;font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#808080;line-height:normal;}
br{display:block;}
strong{font-weight:800;}
a{color:inherit;text-decoration:none;}
a:link{color:inherit;text-decoration:none;}
a:visited{color:inherit;text-decoration:none}
a:hover{color:inherit;text-decoration:underline;}
a:active{color:inherit;text-decoration:none}
h1{/*font-size:21px; color:#256413;*/padding-bottom:.2em;/*font-weight:800*/}
p{padding-bottom:1em;line-height:1.4em;/*font-size:12px;*/}
.floatleft{float:left}
.floatright{float:right}
.clearer{clear:both;}
/* Page Structure */
#wrap{width:1028px; margin: 0px auto; position:relative;padding:18px 0 0;}
#header{width:1028px;position:relative;height:169px;background: url('../../images/fosik_header.jpg') no-repeat 0 0}
#header h1, #header h3{text-indent:-1000em;}
#logo{position:absolute;left:-25px;top:0px;}
#container{width:968px;background: transparent url('../../images/container_bg_mid.gif') repeat-y ;padding:0 30px;}
#login_button{position:absolute;top:4px;right:40px; z-index:99;}
/* Homepage */
#hp_content_left{float:left;width:643px;padding:15px 0;}
#hp_content_right{float:right;width:298px;padding:15px 5px 30px 0;}
#hp_rates{background: url('../../images/homepage_rates2.jpg') no-repeat left top;width:643px;height:208px;position:relative;}
.more_information1{width:150px;margin:160px 50px 0 30px;float:left;}
.more_information2{width:150px;margin:160px 50px 0 145px;float:left;}
#hp_box{width:639px;background: url('../../images/hp_box_bottom.gif') no-repeat left bottom;padding:0 0 11px;margin:15px 0 10px;}
#hp_box_top{width:639px;background: url('../../images/hp_box_top.gif') no-repeat left bottom;padding:0;margin:0 ;height:17px;}
#hp_box #hp_box_inner{border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;background:#F4F4F0;height:280px;}
#hp_compare_loans{background: url('../../images/hp_compare_hdr.gif') no-repeat 10px 0;height:248px;width:360px;float:left;}
#hp_compare_loans table{margin:60px 0 0 30px;}
#hp_compare_loans table td{border-bottom:1px solid #E1DFDA;padding: 9px 5px 9px 0 ;font-size:11px;vertical-align:middle;}
td.compare_highlight{font-weight:800;color:#A2BA1A}
#hp_quickquote{background: url('../../images/hp_quickquote_hdr.gif') no-repeat 0 0;height:245px;width:230px;float:left;}
#hp_quickquote div{margin:55px 0 0 63px;}
#hp_quickquote div input{margin: 0 0 15px;border:0;width:155px;}
#hp_quickquote label{margin: 0 0 3px;font-weight:800;display:block;font-size:14px;}
.hp_box1{width:309px;background: url('../../images/hp_box1_bottom.gif') no-repeat left bottom;padding:0 0 11px;margin:0 5px 20px 0;min-height:424px;}
.hp_box1 .hp_box1_inner{border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;background:#F4F4F0;padding: 0 0 40px}
.hp_box1 p{padding: 10px 30px; margin: 0}
.hp_box1 p#loankit_intro{padding: 10px 10px 0 30px;height:150px;font-weight:800}
.hp_box1 p#loankit_intro img{padding: 0px 10px;}
h3#hp_loankit{background: url('../../images/hp_loankit_hdr.gif') no-repeat left bottom;height:59px;text-indent:-1000em;}
h3#hp_featuredloans{background: url('../../images/hp_featuredloans_hdr.gif') no-repeat left bottom;height:66px;text-indent:-1000em;}
.hp_box2 {width:298px;background: url('../../images/hp_box2_bottom.jpg') no-repeat left bottom;padding:0 0 11px;margin:0 0 10px}
.hp_box2 .hp_box2_inner {border-left:1px solid #F9E7D3;border-right:1px solid #F9E7D3;}
.hp_box2 div.hp_box2_text {padding: 0px 21px 0px 23px;}
.hp_box2 p {padding: 5px 0px;}
.hp_box2 img {padding: 10px 10px;}
h3#hp_questions{background: url('../../images/hp_questions_hdr.gif') no-repeat left bottom;height:59px;text-indent:-1000em;}
h3#hp_testimonials{background: url('../../images/hp_testimonials_hdr.gif') no-repeat left bottom;height:48px;text-indent:-1000em;}
h3#hp_fosik_news{background: url('../../images/hp_fosik_news_hdr.gif') no-repeat left bottom;height:65px;text-indent:-1000em;}
p#testimonial_quote{background: url('../../images/quotes.gif') no-repeat 30px 10px;padding:10px 30px 0 65px;font-size:14px;font-weight:800;}
p#testimonial_name{padding:10px 30px 10px 65px;}
.hp_box1 ul#featured_loans_list{margin: 0 15px 2px}
.hp_box1 ul#featured_loans_list li{display:block;padding: 15px 0 0;height:80px;border-bottom:1px solid #E1DFDA}
.hp_box1 ul#featured_loans_list li img{padding: 0 20px 0 0;}
span.featured_loan_title{font-weight:800;text-decoration:underline;margin-bottom:4px;display:block;}
p.featured_loans_more{font-weight:800;background: url('../../images/arrow.gif') no-repeat 20px 8px;margin-top: 10px;padding: 10px 0 0 50px;}
/* Main Navigation */
#navigation_main{position:relative;top:0px;float:right;height:33px;text-indent:-999em;margin: 0 20px 0 0;width:575px}
* html #navigation_main{margin: 0 8px 0 0;}
#navigation_main ul li{display:inline;}
#navigation_main ul li a{float:left;color:#fff;text-decoration:none;padding: 0px;margin:0 5px; display:block; height:33px; width:104px;}
#navigation_main ul li#home a{background: url('../../images/nav_main_bg.gif') no-repeat 0 -35px;}
#navigation_main ul li#lending a{background: url('../../images/nav_main_bg.gif') no-repeat -110px -35px;}
#navigation_main ul li#borrowing a{background: url('../../images/nav_main_bg.gif') no-repeat -220px -35px;}
#navigation_main ul li#myloans a{background: url('../../images/nav_main_bg.gif') no-repeat -331px -35px;}
#navigation_main ul li#help a{background: url('../../images/nav_main_bg.gif') no-repeat -442px -35px;}
#navigation_main ul li#home a:hover, #navigation_main ul li#home a#nav_main_active{background-position: 0 -1px;}
#navigation_main ul li#lending a:hover, #navigation_main ul li#lending a#nav_main_active{background-position: -110px -1px;}
#navigation_main ul li#borrowing a:hover,#navigation_main ul li#borrowing a#nav_main_active{background-position: -220px -1px;}
#navigation_main ul li#myloans a:hover,#navigation_main ul li#myloans a#nav_main_active{background-position: -331px -1px;}
#navigation_main ul li#help a:hover, #navigation_main ul li#help a#nav_main_active{background-position: -442px -1px;}
/* Lending Navigation */
#navigation_lending{position:relative;top:0px;float:left;width:740px;height:40px;text-indent:-999em;margin: 0 0px 10px 0;}
* html #navigation_main{margin: 0 8px 0 0;}
#navigation_lending ul li{display:inline;}
#navigation_lending ul li a{float:left;color:#fff;text-decoration:none;padding: 0px;margin:0px; display:block; height:40px;}
#navigation_lending li#loan_parties a{background: url('../../images/lending_nav.gif') no-repeat 0 -46px;width:120px;}
#navigation_lending li#loan_terms a{background: url('../../images/lending_nav.gif') no-repeat -120px -46px;width:131px;}
#navigation_lending li#loan_product a{background: url('../../images/lending_nav.gif') no-repeat -250px -46px;width:160px;}
#navigation_lending li#loan_confirm a{background: url('../../images/lending_nav.gif') no-repeat -410px -46px;width:106px;}
#navigation_lending li#loan_payment a{background: url('../../images/lending_nav.gif') no-repeat -516px -46px;width:122px;}
#navigation_lending li#loan_done a{background: url('../../images/lending_nav.gif') no-repeat -638px -46px;width:91px}
#navigation_lending li#loan_parties a.nav_lending_enabled:hover, #navigation_lending ul li#loan_parties a.nav_lending_active{background-position: 0 -2px;}
#navigation_lending li#loan_terms a.nav_lending_enabled:hover, #navigation_lending ul li#loan_terms a.nav_lending_active{background-position: -120px -2px;}
#navigation_lending li#loan_product a.nav_lending_enabled:hover,#navigation_lending ul li#loan_product a.nav_lending_active{background-position: -250px -2px;}
#navigation_lending li#loan_confirm a.nav_lending_enabled:hover,#navigation_lending ul li#loan_confirm a.nav_lending_active{background-position: -410px -2px;}
#navigation_lending li#loan_payment a.nav_lending_enabled:hover, #navigation_lending ul li#loan_payment a.nav_lending_active{background-position: -516px -2px;}
#navigation_lending li#loan_done a.nav_lending_enabled:hover, #navigation_lending ul li#loan_done a.nav_lending_active{background-position: -638px -2px;}
/* Side Navigation */
#sidenav{background: url('../../images/sidenav_bottom.gif') no-repeat 0 bottom ;width:197px;margin:20px 0 0;padding: 0 0 10px;position:relative}
#sidenav_top{background: url('../../images/sidenav_top.gif') no-repeat 0 0;padding:10px 0 0;}
#sidenav ul{background: url('../../images/sidenav_mid.gif') repeat-y ;width:195px;padding: 5px 1px;color:#fff;}
#sidenav ul li{padding:0;font-weight:800;margin:0;}
#sidenav ul li a:link, #sidenav ul li a:visited{color:#fff;text-decoration:none;display:block;padding:10px 0 10px 20px;}
#sidenav ul li a:hover, #sidenav ul li a#sidenav_active{color:#fff;text-decoration:none;background:#67B6CC;}
* html #sidenav ul li a{padding:0px;margin:0;display:block;height:1px}
.sidenav{background: url('../../images/sidenav_bottom.gif') no-repeat 0 bottom ;width:197px;margin:20px 0 0;padding: 0 0 10px;position:relative}
.sidenav_top{background: url('../../images/sidenav_top.gif') no-repeat 0 0;padding:10px 0 0;}
.sidenav ul{background: url('../../images/sidenav_mid.gif') repeat-y ;width:195px;padding: 5px 1px;color:#fff;}
.sidenav ul li{padding:0;font-weight:800;margin:0;}
.sidenav ul li a:link, .sidenav ul li a:visited{color:#fff;text-decoration:none;display:block;padding:10px 0 10px 20px;}
.sidenav ul li a:hover, .sidenav ul li a.sidenav_active, .sidenav ul li.sidenav_active a {color:#fff;text-decoration:none;background:#67B6CC;}
* html .sidenav ul li a{padding:0px;margin:0;display:block;height:1px}
/* Footer */
#footer{width:923px;clear:both;background: #807969 url('../../images/footer_bg.gif') repeat-x;position:relative;margin:0 0 0 -22px;border-left:2px solid #655B4B;border-right:2px solid #655B4B;padding:34px 40px 20px 45px;color:#FBF6F0}
#footer a{text-decoration:underline;color:#fff;}
#footer a:hover{text-decoration:none;color:#fff;}
#footer ul li{padding: 0 0 9px ;}
* html #footer{margin-right:-22px;}
#footer_fosik{width:145px;float:left;background: url('../../images/fosik_logo_footer.gif') no-repeat 0 0;padding:45px 0 0;}
#footer_you{width:155px;float:left;background: url('../../images/footer_you_hdr.gif') no-repeat 0 0;padding:45px 0 0;font-weight:800;}
#footer_content{width:225px;float:left;background: url('../../images/footer_content_hdr.gif') no-repeat 0 0;padding:45px 0 0;}
#footer_statement{width:395px;float:left;background: url('../../images/footer_statement_hdr.gif') no-repeat 0 0;padding:45px 0 0;font-size:11px;}
#footer_bottom{}
#footer_company{font-size: 12px;float:left;text-align:left;}
#footer_bottom_right{font-size: 11px;float:right;text-align:right;}
#footer_bottom_right a {color:#DDDDDD}
/* Interior Pages */
.int_content_left{width:224px;float:left;padding:7px 0px 50px 0px;}
.int_content_right{width:734px;float:right;padding:15px 10px 50px 0px;}
.int_content_middle{width:400px;float:left;padding:15px 10px 50px 0px;}
h2#borrowers_hdr{background: url('../../images/borrowers_hdr.jpg') no-repeat 0 0;height:59px;text-indent:-1000em;}
h1#borrowing_hdr{background: url('../../images/2_simple_ways_hdr.gif') no-repeat 0 9px;height:30px;text-indent:-1000em;margin: 0 0 25px;}
.borrowing_box1{width:308px;background: url('../../images/borrowing_box1_bottom.gif') no-repeat left bottom;padding:0 0 10px;margin:10px 40px 10px 0;float:left;min-height:310px;position:relative}
.borrowing_box1_top{width:308px;background: url('../../images/borrowing_box1_top.gif') no-repeat 0 0;padding:10px 0 0 15px;margin:0 ;height:52px;}
.borrowing_box1_inner{background: url('../../images/borrowing_box1_mid.gif') repeat-y;padding:15px 15px 30px;margin:0;min-height:220px;}
.borrowing_box1_inner p{font-size:11px;position:relative}
.borrowing_box1_inner img{padding: 0 0 10px 10px}
.push{height:54px;}
a.arrow_link{background: url('../../images/arrow.gif') no-repeat 0 4px;padding:5px 0 5px 30px;font-family: Arial, Sans-Serif;font-weight:800;text-decoration:none;display:block;color:#909090;font-size:16px;margin:10px 0 0;/*width:150px;*/}
a.arrow_link_2{background: url('../../images/arrow_orange.gif') no-repeat 0 4px;padding:5px 0 5px 30px;font-family: Arial, Sans-Serif;font-weight:800;text-decoration:none;display:block;color:#909090;font-size:16px;margin:10px 0 0;/*width:150px;*/}
a.arrow_link_inline{background: url('../../images/arrow.gif') no-repeat 0 4px;padding:5px 0 5px 30px;font-family: Arial, Sans-Serif;font-weight:800;text-decoration:none;color:#909090;font-size:16px;margin:10px 0 0;/*width:150px;*/}
a.arrow_link_2_inline{background: url('../../images/arrow_orange.gif') no-repeat 0 4px;padding:5px 0 5px 30px;font-family: Arial, Sans-Serif;font-weight:800;text-decoration:none;display:block;color:#909090;font-size:16px;margin:10px 0 0;/*width:150px;*/}
#borrowing_box2{width:420px;background: url('../../images/borrowing_box2_bottom.gif') no-repeat left bottom;padding:0 0 10px;margin:20px 40px 20px 0;float:left;}
#borrowing_box2_top{width:420px;background: url('../../images/borrowing_bottom_hdr.gif') no-repeat 0 0;padding:0 0 0 15px;margin:0 ;height:44px;}
#borrowing_box2_inner{background: url('../../images/borrowing_box2_mid.gif') repeat-y;padding:15px}
#fosik_in_news{background: url('../../images/fosik_in_news.gif') no-repeat 0 0;width:200px;float:left;padding:35px 0 0;margin:20px 0 0;}
h2.sidenav_header{height:59px;text-indent:-1000em;background-repeat:no-repeat;background-position: 0 0}
h2#lending_hdr{background: url('../../images/lending_hdr.jpg') no-repeat 0 0;height:59px;text-indent:-1000em;}
h1#lending_2ways_hdr{background: url('../../images/2_simple_ways_lend_hdr.gif') no-repeat 0 9px;height:30px;text-indent:-1000em;margin: 0 0 20px;}
h1.content_header{background-repeat:no-repeat;background-position:0 9px;height:27px;text-indent:-1000em;margin: 0 0 20px;border-bottom:1px solid #E9E7E5;padding: 0 0 20px}
h1#lend_money_hdr{background-image: url('../../images/lend_money_hdr.gif')}
h1#borrow_money_hdr{background-image: url('../../images/borrow_money_hdr.gif')}
h1#set_up_loan_hdr{background-image: url('../../images/text/Set up a private loan.gif')}
.lending_box_top{width:308px;background: url('../../images/lending_box_top.gif') no-repeat 0 0;padding:10px 0 0 15px;margin:0 ;height:52px;}
#loan_terms_form{background:#F4F4F0;border:1px solid #E6E6E6;width:390px;float:left;padding:10px;}
#loan_terms_form div{margin: 0 0 10px;}
#loan_terms_form label{width:150px;float:left;font-weight:800;font-size:11px;color:#707070;vertical-align:middle;padding:4px 0 ;}
#loan_summary{background:#B4E2EF;border:1px solid #E6E6E6;width:205px;float:left;padding:20px 20px 10px;margin: 0 0 0 20px;color:#707070}
.summary_amt{font-weight:800;margin-left:25px}
#recalculate{width:225px;float:left;padding:10px;margin: 0 0 0 20px;}
#recalculate img{margin-left:60px;margin-bottom:25px}
a.previous_link {background: url('../../images/arrow_blue2.gif') no-repeat 0 1px;padding: 0 0 0 20px;width:175px;font-size:14px;font-weight:800;}
a.next_link {background: url('../../images/arrow_blue.gif') no-repeat 40px 1px;padding: 0 50px 0 0px;width:175px;font-size:14px;font-weight:800;margin-left:20px}
/* Lending Listing Navigation */
#nav_lending_listing{position:relative;top:0px;float:left;width:740px;height:45px;text-indent:-999em;margin: 10px 0px 5px -5px;}
#nav_lending_listing ul li{display:inline;}
#nav_lending_listing ul li a{float:left;color:#fff;text-decoration:none;padding: 0px;margin:0px; display:block; height:40px;}
#nav_lending_listing li#viewall a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat 0 -43px;width:97px;}
#nav_lending_listing li#aa a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat -99px -43px;width:60px;}
#nav_lending_listing li#a a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat -159px -43px;width:59px;}
#nav_lending_listing li#b a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat -218px -43px;width:58px;}
#nav_lending_listing li#c a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat -276px -43px;width:58px;}
#nav_lending_listing li#d a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat -335px -43px;width:58px}
#nav_lending_listing li#hr a{background: url('../../images/lending_listings_nav_bg.gif') no-repeat -393px -43px;width:63px}
#nav_lending_listing li#viewall a:hover, #nav_lending_listing ul li#viewall a.nav_ll_active{background-position: 0 -1px;}
#nav_lending_listing li#aa a:hover, #nav_lending_listing ul li#aa a.nav_ll_active{background-position: -99px -1px;}
#nav_lending_listing li#a a:hover,#nav_lending_listing ul li#a a.nav_ll_active{background-position: -159px -1px;}
#nav_lending_listing li#b a:hover,#nav_lending_listing ul li#b a.nav_ll_active{background-position: -218px -1px;}
#nav_lending_listing li#c a:hover,#nav_lending_listing ul li#c a.nav_ll_active{background-position: -276px -1px;}
#nav_lending_listing li#d a:hover, #nav_lending_listing ul li#d a.nav_ll_active{background-position: -335px -1px;}
#nav_lending_listing li#hr a:hover, #nav_lending_listing ul li#hr a.nav_ll_active{background-position: -393px -1px;}
/* My Account */
h1#myaccount_hdr{background: url('../../images/myaccount_header.gif') no-repeat 0 9px;height:27px;text-indent:-1000em;margin: 0 0 20px;border-bottom:1px solid #E9E7E5;padding: 0 0 20px}
#private_loans_hdr{height:27px;margin: 0;padding: 0 0 30px;float:left;width:200px;}
img#myaccount_photo {border:2px solid #9C9C92;}
#myaccount_greeting{width:180px;margin: 0 0 0 10px}
span#hi{display:block;font-size:16px;color:#2BA7CB;font-weight:800;margin:10px 0 2px}
span#attention{font-size:14px;color:#DE7C0E;font-weight:800}
#summary_1{width:200px;float:left;color:#DE7C0E;font-weight:800;}
#snapshot{width:200px;float:left;font-size:12px;font-weight:800;color:#696355;}
#piegraph{width:200px;float:right;}
#summary_1 span{margin: 0 0 1.5em;display:block;}
#summary_1 h3, #snapshot h3{font-weight:800;color:#8E897D;font-size:15px;padding:0 0 .3em;}
#snapshot td{height:30px;vertical-align:middle;}
td#dot1{background: url('../../images/snapshot_dot1.gif') no-repeat 0 9px;padding-left: 20px;}
td#dot2{background: url('../../images/snapshot_dot2.gif') no-repeat 0 9px;padding-left: 20px;}
td#dot3{background: url('../../images/snapshot_dot3.gif') no-repeat 0 9px;padding-left: 20px;}
td#dot4{background: url('../../images/snapshot_dot4.gif') no-repeat 0 9px;padding-left: 20px;}
td#dot5{background: url('../../images/snapshot_dot5.gif') no-repeat 0 9px;padding-left: 20px;}
#private_loans_top {border-top:1px solid #E9E7E5;clear:both;margin:25px 0 0;padding:25px 0 0;}
#private_loans_top ul {float:right;clear:none;margin-top:-10px;}
#private_loans_top ul li {width:70px;text-align:center;float:left;color:#646464;font-size:11px;margin-right:20px;}
#private_loans_table_hdr{background: url('../../images/myaccount_tbl_hdr.gif') no-repeat 0 0;clear:both;color:#525252;vertical-align:middle;width:727px;height:38px;}
#private_loans_table{clear:both;color:#525252;vertical-align:middle;width:725px;border:1px solid #E6E6E6;margin-left:1px;}
#private_loans_table_hdr tr td{vertical-align:middle;padding:10px 0;text-align:center;font-weight:800;color:#fff;}
#private_loans_table tr td{vertical-align:middle;padding:10px 0;text-align:center;font-size:11px}
#private_loans_table tr#pl_row1{background: url('../../images/myaccount_tbl_hdr.gif') no-repeat 0 0;border:none;height:40px;color:#fff;}
#private_loans_table tr#pl_row2{background:#F4F4F0;}
#private_loans_table tr#pl_row3{}
#private_loans_table tr#pl_row4{background:#F4F4F0;}
#private_loans_table tr#pl_row5{}
/* Loan Listings */
h1#loan_listings_hdr{background: url('../../images/loan_listings_hdr.gif') no-repeat 0 9px;height:27px;text-indent:-1000em;margin: 0 0 20px;border-bottom:1px solid #E9E7E5;padding: 0 0 20px}
#ls_tab{margin:10px 0;}
#ls_main{background:#F4F4F0;border:1px solid #E6E6E6;width:432px;float:left;padding:15px;}
#ls_main_right{float:left;width:250px;margin: 0 0 0 20px;color:#86817A}
.ls_side{background:#F4F4F0;border:1px solid #E6E6E6;width:200px;float:left;padding:15px;margin:0 0 20px 20px;color:#86817A}
#ls_main h3, .ls_side h3{color:#888881;font-size:16px;font-weight:800;}
#ls_main h4, .ls_side h4{color:#DE7C0E;font-size:16px;font-weight:800;margin: 1em 0 .5em;}
/* TODO: Sort this properly */
div.listing_summary
{
margin: 10px 0 10px; font-size:13px
}
div.definition_top{margin: 10px 0 6px; font-size:11px}
div.definition{margin: 0 0 6px; font-size:11px}
span.term{width:90px;padding-right:25px;float:left;}
span.term2{width:80px;padding-right:25px;float:left;}
span.def{display:inline;line-height:14px;font-weight:800;}
.ls_side a{color:#73A759;}
.bargraph{border: 1px solid #d3d4cc;height:14px;width:100px;margin-bottom:3px;}
.bargraph_inner{background: url('../../images/bargraph_bg.gif') repeat-x;}
img.bid_button, input.bid_button {margin:20px 0 ;}
#more_info_tabs{width:432px;border:1px solid #919B9C;min-height:100px;padding:15px;margin:10px 0;}
.page_nav{font-size:11px;position:absolute;top:27px;left:350px;width:200px;}
a.previous{background: url('../../images/arrow_blue2.gif') no-repeat 0 1px;padding: 0 25px 0 0;width:20px;font-size:14px;}
a.next{background: url('../../images/arrow_blue.gif') no-repeat 5px 1px;padding: 0 0 0 20px;width:25px;font-size:14px;}
a.previous:hover{border:0;text-decoration:none;}
a.next:hover{border:0;text-decoration:none;}
#ll_top{position:relative;}
span#ll_sort{position:absolute;top:2px;right:100px;}
span#ll_sort a{color:#27A1C4;margin-left:10px;}
table#loan_listings {clear:both;margin: 0 0 10px;vertical-align:top;}
table#loan_listings td{background:#f4f5f0;vertical-align:top;}
table#loan_listings h4{color:#DE7C0E;font-size:16px;font-weight:800;margin: 0 0 .5em;background: url('../../images/ll_arrow.gif') no-repeat 250px 2px;}
table#loan_listings h5{color:#DE7C0E;font-size:16px;font-weight:800;margin: 0 0 .5em;}
td.marginrow{height:10px;padding:0;margin:0;line-height:0px;}
td.td_left{padding:10px;border-top:1px solid #e6e6e4;border-left:1px solid #e6e6e4;border-bottom:1px solid #e6e6e4;}
td.td_middle{padding:10px;border-top:1px solid #e6e6e4;border-bottom:1px solid #e6e6e4;}
td.td_right{padding:10px;border-top:1px solid #e6e6e4;border-right:1px solid #e6e6e4;border-bottom:1px solid #e6e6e4;}
.photo_listing{border:4px solid #9C9C92}
/**********************************************************************
/* General page styles
/**********************************************************************/
/*
body
{
font-family: Arial, Verdana, Sans-Serif;
font-size: smaller;
}
*/
H1, H2, H3, H4, H5, H6
{
color: #2991BD;
font-family: Arial, Verdana, Sans-Serif;
}
.Lending H1, H1.Lending
{
color: #aeba50;/*#9CB200;*/
}
.Borrowing H1, H1.Borrowing
{
color: #d17200; /* Use Pat Orange */
}
.About H1, H1.About
{
color: #24AACD;
}
H1
{
font-size: 21px;
font-weight: bold;
padding-bottom: 12px;
}
H2
{
font-size: 17px;
font-weight: bold;
padding-bottom: 10px;
}
H3
{
font-size: 14px;
font-weight: bold;
padding-bottom: 6px;
}
.banner
{
background-color: Blue;
color: White;
text-align: left
}
.footer
{
margin-top: 10px;
clear: both;
width: 100%;
/*background-color: #0000A0;*/
}
/*
.footer A:visited
{
color: White;
}
*/
/* Remove border from image links */
a img
{
border: 0
}
div.clearer {clear: both; line-height: 0; height: 0; width: 1px}
dd
{
margin-left: 0px;
left: 0px;
padding-left: 0px;
font-weight: bold;
}
dt
{
/*display: inline;*/
}
/**********************************************************************
/* Button (applied by asp:Button skin or directly for HTML elements
/**********************************************************************/
.button
{
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #B0B8F8;
border: outset 1px;
font-weight: bold;
}
/* attribute selectors not recognised by IE6!
input[type=submit]
{
padding-left: 5px;
padding-right: 5px;
background-color: #C0C0F0;
border: 1px;
font-weight: bold;
}
*/
/**********************************************************************
/* Wizard styles (used by private loan wizard)
/**********************************************************************/
.wizardStepContainer
{
max-width: 150px;
min-width: 80px;
height: 20px;
}
.wizardStepPanel
{
/* width: 113px;
height: 20px;
*/
background-color: #EECBA3;
color: #998263;
text-align: center;
}
.wizardStepPanelSelected
{
/*width: 113px;*/
background-color: #DE7C0F;
color: white;
text-align: center;
}
.wizardStepLink
{
padding: 2px 6px;
background-color: #EECBA3;
color: #998263;
font-size: 12px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}
a.wizardStepLink
{
padding: 2px 6px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #EECBA3;
color: #998263;
display: block; /* Wasn't required before?? */
white-space: nowrap;
}
/*
a.wizardStepLink:hover, a.wizardStepLinkSelected:hover
{
background-color: #de7c0f;
color: White;
text-decoration: none;
}
*/
.wizardStepLinkSelected
{
white-space: nowrap;
padding: 2px 6px;
font-size: 12px;
text-decoration: none;
color: white;
background-color: #de7c0f;
}
a.wizardStepLinkSelected
{
white-space: nowrap;
padding: 2px 6px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: white;
display: block; /* Wasn't required before?? */
}
.loanTerms
{
background-color: #F2F2F2;
width: auto;
margin-right: 30px;
border: solid 1px #e6e6e6;
}
.loanCalculator
{
background-color: #b4e2ef;
width: 210px;
padding: 10px;
border: solid 1px #e6e6e6;
}
.boxBorder
{
border: solid 1px #e6e6e6;
}
/**********************************************************************
/* Data entry form layout
/**********************************************************************/
table.inputForm, table.displayTable
{
background-color: #F0F0F0;
/*border: solid 1px #A0A0A0;*/
}
table.inputForm
{
width: 100%; /*650px*/
}
table.inputForm tr td
{
padding: 5px;
}
table.displayTable tr td
{
padding: 6px 10px;
}
div.newRow
{
clear: both;
margin-bottom: 1px;
margin-top: 1px;
padding: 4px;
vertical-align: middle;
background-color: #F0F0F0;
text-align: left;
width: 600px; /*650px*/
overflow: auto;
}
tr.newRow
{
vertical-align: middle;
background-color: #F0F0F0;
text-align: left;
width: 100%; /*650px*/
overflow: auto;
}
tr.newRow td
{
padding: 5px 2px;
}
.keyColumn
{
width: 180px;
vertical-align: top;
font-weight: bold;
}
.keyColumnWide
{
/*height: 20px;*/
float: left;
width: 200px;
vertical-align: top;
font-weight: bold;
background-color: #F0F0F0;
}
.valueColumn
{
/*height: 20px;*/
float: left;
width: auto; /*470px, auto?*/
vertical-align: top;
background-color: #F0F0F0;
}
div.keyColumn
{
/*height: 20px;*/
float: left;
}
div.valueColumn
{
/*height: 20px;*/
float: left;
width: auto; /*470px, auto?*/
vertical-align: top;
}
td.keyColumn
{
}
td.valueColumn
{
width: auto; /*470px, auto?*/
vertical-align: middle;
}
.valueLabel
{
font-size: 11px;
}
/**********************************************************************
/* Top menu - navigation bar
/**********************************************************************/
ul.topMenu
{
padding: 6px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.topMenu li
{
list-style: none;
margin: 0;
display: inline;
}
ul.topMenu li a
{
padding: 6px 1em;
margin-left: 6px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.topMenu li a:link { color: #448; }
ul.topMenu li a:visited { color: #667; }
ul.topMenu li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
ul.topMenu li a.currentTopMenuTab:hover
{
color: #000;
background: #AAE;
border-color: #227;
border-bottom: 1px solid white;
}
ul.topMenu li a#current
{
background: white;
border-bottom: 1px solid white;
}
ul.topMenu li a.currentTopMenuTab
{
background: white;
border-bottom: 1px solid white;
}
.topMenu
{
/* position: absolute;*/
bottom: 0px;
vertical-align: bottom;
}
/**********************************************************************
/* Navigation sidebar
/**********************************************************************/
.sideMenu
{
width: 152px;
margin: 0px;
margin-right: 20px;
padding: 0px;
float: left;
border-bottom: solid 1px;
border-top: solid 1px;
border-color: #75bfd5;
}
.sideMenuHeading
{
display: block;
width: auto;
color: White;
font-size: 16px;
font-weight: bold;
padding: 10px;
}
.sideMenuHeading#borrowingSideMenuHeading
{
background-color: #D67510;
}
.sideMenu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
/*font-family: Arial, Helvetica, sans-serif;*/
font-weight: bold;
}
.sideMenu ul li
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}
.sideMenu a
{
font-size: 13px;
display: block;
padding: 8px;
margin: 0px;
margin-bottom: 0px;
padding-left: 10px;
color: #75bfd5;
background-color: white;
border-bottom: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-color: #75bfd5;
width: 134px;
}
.sideMenu a.first
{
/* padding-top: 0px;*/
}
.sideMenu#borrowingSideMenu li.current a
{
background-color: #D17200; /* Use Pat orange */
color: White;
}
.sideMenu li.current a
{
background-color: #aeba50;
color: White;
}
/*
.sideMenu li.current
{
background-color: #aeba50;
color: White;
}
*/
.sideMenu#lendingSideMenu li.current a
{
background-color: #aeba50;
color: White;
}
.sideMenu#aboutSideMenu li.current a
{
background-color: #2991BD;
color: White;
}
/* This one is firing */
.sideMenu li.current a
{
background-color: #2991BD;
color: White;
}
.sideMenu a:link, .sideMenu a:visited
{
/*color: #EEE;*/
text-decoration: none;
}
.sideMenu a:hover
{
/*background-color: #369;
color: #fff;*/
text-decoration: underline;
}
/*
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}
#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}
#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}
*/
.item
{
font-weight: bold;
}
.ImageRight
{
float: right;
margin-left: 5px;
}
.panel
{
background-color: #F0F0F0;
padding: 10px;
margin-bottom: 10px;
}
.floatingColumn
{
float: left;
margin-right: 10px;
}
/**********************************************************************
/* Modal popup control(s)
/**********************************************************************/
/*Modal Popup*/
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalBackground2 {
background-color:Gray;
filter:alpha(opacity=50);
opacity:0.5;
}
.modalPopup {
background-color: #F0F0F0;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:5px;
width:400px;
}
/*Popup Control*/
.popupControl{
background-color:White;
position:absolute;
visibility:hidden;
}
/**********************************************************************
/* Loan listing styles
/**********************************************************************/
/*
.loanListingGrid
{
border-width: 0;
border-style: none;
}
.loanListingGridRow
{
background-color: #F6F6FA;
}
.altLoanListingGridRow
{
background-color: #ECECF4;
}
*/
/* The whole item - actually applied to TD (TR?) elements */
.loanListingSummaryItem
{
}
.loanListingSummaryTitle
{
font-weight: bold;
margin-bottom: 4px;
}
.loanListingSummarySummary
{
font-size: 12px;
margin-top: 10px;
margin-bottom: 4px;
}
.loanListingSummaryAmountAndRate
{
font-weight: bold;
color: Red;
margin-bottom: 4px;
}
.loanListingSummaryLabel
{
}
.loanListingSummaryValue
{
font-weight: bold;
}
.loanListingSummarySort
{
font-size: 11px;
margin-bottom: 8px;
}
.loanListingSummaryDetail
{
font-size: 11px;
line-height: 16px;
}
/* Loan listing detail page */
.loanListingMain
{
height: 240px;
}
.loanListingPanel
{
background-color: #F2F4FC;/*#F2F2FA;*/
border: solid 1px DarkGray;
}
.loanListingMainPanel
{
width: 480px;
height: 240px;
}
.loanListingDetails
{
width: 260px;
margin-left: 20px
}
.loanListingBorrowerPanel
{
margin-left: 40px;
height: 220px;
}
.loanListingBorrowerDetailsPanel
{
}
.loanListingCreditProfilePanel
{
margin-top: 20px;
}
.loanListingLabel
{
width: 90px;
}
.loanListingValue
{
font-weight: bold;
}
.loanListingTitle
{
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
color: White;
}
.loanListingNumber
{
font-size: 10px;
}
.loanListingHeading
{
padding-bottom: 2px;
font-size: 15px;
color: White; /*#2991BD;*/
/* font-family: "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Verdana, Arial;*/
font-weight: bold;
background-color: DarkSlateBlue;
padding: 5px 10px 5px 10px;
}
.loanListingBody
{
padding: 10px;
}
.loanListingMainPanelBody
{
}
.loanListingBorrowerHeading
{
font-weight: bold;
}
.loanListingCreditHeading
{
font-weight: bold;
}
.progressBar
{
background-color: #E0E0E0;
border-width: 1px;
border-color: #404040;
}
/* The completed portion */
.progressBarDone
{
background-color: Green;
}
.progressBarCaption
{
font-weight: normal;
font-size: x-small;
}
/**********************************************************************
/* Tabs (used on loan listing summary page)
/**********************************************************************/
div.tabs
{
padding: 5px 0;
margin-bottom: 16px;
margin-left: 0;
/*background-color: #F0F0F0;*/
border-bottom: 1px solid #778;
}
/*
div.tabs li
{
list-style: none;
margin: 0;
display: inline;
}
*/
div.tabs a
{
padding: 6px 16px;
margin-left: 6px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
font: bold 12px Verdana, sans-serif;
}
div.tabs a:link { color: #448; }
div.tabs a:visited { color: #667; }
div.tabs a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
div.tabs a.currentTopMenuTab:hover
{
color: #000;
background: #AAE;
border-color: #227;
border-bottom: 1px solid white;
}
div.tabs a#current
{
background: white;
border-bottom: 1px solid white;
}
div.tabs a.selected
{
background: white;
border-bottom: 1px solid white;
}
.pagerLink
{
color: White;
}
/*** See Fosik.skin for more ***/
table.loanGrid, table.listingGrid, table.bidGrid, table.clientGrid, table.grid
{
background: url('../../images/myaccount_tbl_hdr.gif') no-repeat 0 0;
clear:both;
color:#525252;
vertical-align:middle;
text-align: left;
width:727px;
height:38px;
margin-bottom: 30px;
font-size:11px;
}
table.paymentGrid
{
width: 526px;
}
table.productGrid
{
width: 600px;
background-color: #F0F0F0;
padding: 8px;
}
table.productGrid TD
{
vertical-align: top;
padding: 6px 2px;
}
/*
table.loanGrid tr
{background: url('../../images/myaccount_tbl_hdr.gif') no-repeat 0 0;border:none;height:40px;color:#fff;}
*/
table.loanGrid TH, table.clientGrid TH, table.grid TH
{
padding: 0px 10px 0px 10px;
height: 38px;
vertical-align: middle;
color: White;
font-size: 12px;
font-weight: bold;
}
table.loanGrid TD, table.clientGrid TD, table.grid TD
{
vertical-align: middle;
padding: 10px;
}
table.loanGrid TH A, table.clientGrid TH A, table.grid TH A
{
color: White;
font-weight: bold;
}
table.loanGrid TD.item, table.clientGrid TD.item, table.grid TD.item
{
}
table.loanGrid TD.altItem, table.clientGrid TD.altItem, table.grid TD.altItem
{
}
.myAccount H1, myAccount H2, .myAccount H3, .myAccount H4, .myAccount H5
{
color: #89C948;/*green*/
}
/****************************************************************************************************/
ul.bulletList
{
list-style: disc;
margin-left: 2em;
}
ul.bulletListFlush
{
list-style: disc;
margin-left: 1.2em;
}
ul.bulletList li, ul.bulletListFlush li
{
padding-top: 3px;
padding-bottom: 6px;
}
ul.validationSummary
{
list-style: disc;
margin-left: 2em;
font-weight: bold;
}
.validationSummary ul
{
list-style: disc;
margin-left: 2em;
font-weight: bold;
}
/****************************************************************************************************/
div.leftColumn
{
width: 250px;
min-width: 250px;
float: left;
}
div.rightColumn
{
float: right;
}
.firstPara
{
margin-top: 15px
}
.inlineHeading
{
font-weight: bold;
}
.contact
{
font-weight: normal;
}
/********/
/* table/td: min-height doesn't seem to work */
div.loanWizard
{
min-height: 340px;
}
td.loanWizard
{
height: 320px;
}
.loanParty
{
margin-top: 10px;
}