/* AA.NET CASHNET STYLES */ /* =global ************************************************************************************************************************************/ * { margin: 0; padding: 0; } body { background: #fff url('bg_header.gif') 0 93px repeat-x; font-family: FreeSans, Helvetica, Arial, sans-serif; font-size: 75%; line-height: 1.4em; color: #000; } a { color: #222; } img { border: none; } hr { display: none; } sup { font-size: 50%; } fieldset { border: none; } h1, h2 { font-size: 1.6em; margin-bottom: 1em; font-weight: normal; line-height: 110%; } h3 { font-size: .8em; } h4 { font-size: 1em; } label { font-size: .9em; } input { padding: 3px; border: 3px solid #cecece; } table { border-collapse: collapse; } .clear { clear: both; } .hrzrule { height: 1px; background: #ccc; margin: 1em 0; } .form_error { color: red; font-weight: bold; } /* =flash_notice ************************************************************************************************************************************/ .flash_notice { margin-top: 2em; margin-bottom: 2em; } .flash_notice h2 { display: none; margin-bottom: 0; font-weight: bold; } .flash_notice img { display: none; } .flash_notice .msg_container { font-weight: bold; color: red; font-size: 1.3em; line-height: 120%; } #ok_msg .msg_container { color: green; } /* =branding ************************************************************************************************************************************/ #branding { width: 950px; padding-top: 42px; margin: 0 auto 17px; } /* =aea_navigaiton ************************************************************************************************************************************/ #aea_navigation { position: relative; top: -93px; width: 950px; margin: 0 auto; } #aea_navigation ul { position: absolute; top: 0; right: 0; padding: 0 20px 0 50px; width: 240px; background: #000; list-style-type: none; } #aea_navigation ul li { float: right; } #aea_navigation ul li.first { } #aea_navigation ul li a { display: block; padding: 3px 10px; font-size: .9em; background: #000; color: #fff; text-decoration: none; } #aea_navigation ul li a:hover, #aea_navigation ul li a.selected { background: #fff; color: #000; } /* =orientation ************************************************************************************************************************************/ .orientation { position: relative; top: -53px; width: 950px; margin: 0 auto; line-height: 1.2em;} .orientation p { position: absolute; right: 20px; list-style-type: none; padding-right: 7px; font-weight: bold; font-size: 1.25em; line-height: 1.2em; } .orientation ul li { float: left; } .orientation ul li a { float: left; display: block; margin: 0; padding: 2px 7px; background: #fff; font-size: .8em; font-weight: bold; text-decoration: none; } .orientation ul li a.current, .orientation ul li a:hover, .orientation ul li a.selected { background: #e6e6e6; } /* =primary_navigation ************************************************************************************************************************************/ #primary_navigation { position: relative; top: 0px; width: 950px; margin: 0 auto; text-transform: uppercase; height: 33px; } #primary_navigation ul { position: absolute; right: 20px; list-style-type: none; padding-right: 7px; font-weight: bold; font-size: .8em; } #primary_navigation ul li { float: left; } #primary_navigation ul li a { float: left; display: block; margin: 0; padding: 2px 7px; background: #fff; font-size: .8em; font-weight: bold; text-decoration: none; } #primary_navigation ul li a.current, #primary_navigation ul li a:hover, #primary_navigation ul li a.selected { background: #e6e6e6; } /* =featured ************************************************************************************************************************************/ #featured { width: 950px; height: 93px; margin: 0 auto 13px; background: #ffc425 url('header.jpg') top right no-repeat; } #featured p { position: relative; top: 23px; font-size: 1.25em; width: 400px; line-height: 1.2em; font-weight: bold; text-transform: uppercase; } /* CONTENT ************************************************************************************************************************************/ #content { position: relative; width: 950px; margin: 0 auto; } #content_main { position: relative; width: 630px; font-size: 1.1em; line-height: 1.5em; float: left; margin-bottom: 1em; } .content ul, .content ol, .content dl { padding-left: 16px; margin-bottom: 1em; } .content ul li { margin-bottom: 0.75em; line-height: 1.25em; } .content p { margin-bottom: 1em; } .content h1, .content h2 { clear: both; } .content h2.separator { font-size: 1.5em; clear: both; margin-top: 1.5em; } .content .disclaimers { font-size: .9em; } .content a, .content a:link, .content a:visited { color: #005954; } .content a:hover { } .content a:active { } .content h2.separator { margin: 1em 0em .75em 0em; border-top: 1px solid #CCC; padding-top: 1em; } .content h3 { font-size: 1.1em; } .content #content_tangent h3 { font-size: 1.6em; font-weight: normal; margin-bottom: 1em; } .content form { position: relative; width: 630px; margin-top: 1em; } .content form h3 big strong em { position: absolute; top: -1.75em; left: 10px; padding: 5px; background: #fff; font-weight: normal; font-style: normal; } .content form fieldset h4 { padding: 10px; } .content form fieldset h4.number { padding-left: 35px; } .content form fieldset h4.number { background: transparent url('fieldset_h4_numbers.gif') scroll no-repeat 10px 10px; } .content form fieldset h4.two { background-position: 10px -90px; } .content form fieldset h4.three { background-position: 10px -190px; } .content form fieldset h4.four { background-position: 10px -290px; } .content form fieldset { position: relative; border-top: 1px solid #777; padding: 15px 0; margin-bottom: 1em; } .content form fieldset ul { list-style-type: none; clear: left; margin: 0; } .content form fieldset ul li { float: left; width: 190px; padding-right: 10px; padding-bottom: 10px; } .content form fieldset ul li .field { border: 1px solid #FFF; } .content form fieldset ul li input { width: 160px; padding: 3px; border: 3px solid #cecece; } .content form fieldset select { width: 172px; padding: 1px 1px 1px 1px; border: 3px solid #cecece; } .content form fieldset ul li .disabled label { display: block; font-weight: bold; font-size: 1em; } .content form fieldset ul li .disabled br { display: none; } /* =date_field */ .content form fieldset ul li .date_field br { display: block; } .content form fieldset ul li .date_field select { width: auto; display: inline; margin-right: 1px; } .content form fieldset ul li.customer_paydate .date_field { white-space: nowrap; } .content form fieldset ul li.customer_paydate .date_field .tooltip { white-space: normal; } .content form fieldset ul li.confirm_paydates, .content form fieldset ul li.person.military_flg, .content form fieldset ul li.note, .content form fieldset ul li.email_no_news_flg, .content form fieldset ul li.email_no_ann_flg { float: none; clear: both; width: auto; } .content form fieldset ul li.confirm_paydates, .content form fieldset ul li.note { margin: 0 7px; } .content form fieldset ul li.person.military_flg p { margin-left: 7px; margin-right: 7px; margin-top: 1em; } .content form fieldset ul li.person.military_flg .disabled br { display: none; } .content form fieldset ul li.person.military_flg .disabled label { margin-right: 2em; } .content form fieldset .checkbox input, .content form fieldset .check_box input { float: left; width: auto; height: auto; margin: 0 5px 0 0; padding: 0; border: none; } .content form fieldset ul li.line1 { width: 390px; } .content form fieldset ul li.line2 { } .content form fieldset li.end_action_cd { width: 390px; padding-right: 10px; } .content form fieldset ul#end_action_radios li { width: 390px; position: static; display: block; float: none; margin: 0px; padding: 0; } .content form fieldset ul#end_action_radios li .field { padding: .25em; } .content form fieldset ul#end_action_radios li input { vertical-align: top; width: auto; border: none; display: inline; vertical-align: middle; } .content form fieldset ul#end_action_radios li label { margin-left: .5em; } .content form fieldset ul#end_action_radios li em { display: block; margin-left: 19px; margin-bottom: .5em; color: #666; font-size: .9em; } .calendar_icon { position: absolute; top: 2.5em; left: 157px; } .actions { } .required_legend { margin-bottom: 30px; } .content .thumbnail { float: left; margin-right: 10px; width: 100px; margin-bottom: 1em; border-width: 1px; border-style: solid; } .content .thumbnail h3 { display: none; } .content .thumbnail img { display: block; border: none; width: 100px; } .content form fieldset ul li div.field { position: relative; padding: 10px 0 10px 7px; } .content form fieldset ul li div.focus { background-color: #ffe192; border: 1px solid #ffc425; } .content form fieldset ul li div.field div { position: relative; left: 0; } .content form fieldset ul li div.field div.error_message { color: red; } .content form fieldset ul li div.field div.tooltip { position: relative; top: auto; color: #000; padding: 10px 10px 10px 2px; font-size: .9em; line-height: 1.5em; } .content form fieldset ul li.pay_date_from input, .content form fieldset ul li.pay_date_to input, .content form fieldset ul li.check_date input, .content form fieldset ul li.stateid_exp_date input, .content form fieldset ul li.following_paydate input, .content form fieldset ul li.next_paydate input, .content form fieldset ul li.birth_date input, .content form fieldset ul li input.date { width: 135px; margin-right: 24px; } .content form fieldset ul li input#customer___person___address___line1 { width: 360px; margin-right: 10px; } .content form fieldset.promo_info { margin: 0; padding-bottom: 0; } .content form fieldset.promo_info ul li { padding-bottom: 1em; } .content form fieldset.promo_info ul li.coupon_code { padding-bottom: 2em; } .content form fieldset.actions { border-top: none; padding: 0em 0em 0em 0.4em; margin: 0; } body fieldset.actions input.button { margin-bottom: .5em; padding: .5em; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #fff; border: 3px solid white; background: #ffc425; } body fieldset.actions input.button:hover { cursor: pointer; } .content .questions { margin: 0; } .content .privacy_policy .questions { padding: 0; } .content .faq_question { font-weight: bold; } .content .faq_question:hover { text-decoration: underline; } .content dl dd.faq_answer { font-size: 0.85em; background: #FAFAFA; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding: 1em; } #content_body { float: left; width: 280px; margin-left: 315px; margin-bottom: 2em; padding: 0px 10px 0px 25px; border-left: 1px solid #CCC; } #content_tangent { float: left; width: 290px; margin-left: -630px; margin-bottom: 2em; padding: 0px 25px 0px 0px; line-height: 175%; } .content .content_conclusion, .content .content_intro { clear: both; margin-top: 2em; margin-bottom: 3em; padding-right: 10px; } #content_tangent form { width: auto; border: none; } #content_tangent form fieldset, #content_tangent form fieldset.actions { width: auto; border: none; padding: 0px; } #content_tangent form fieldset.actions input { width: auto; } #content_tangent form#new_extension fieldset.actions input { font-size: .85em; width: 90%; } #content_tangent .loan_status { margin-top: 0.25em; } #content_tangent ul { padding-left: 16px; margin-left: 0; } #content_tangent ul li { margin-bottom: 0.75em; line-height: 1.25em; } #content_tangent dl { margin: 0; overflow: auto; margin-top: 2em; } #content_tangent dt, #content_tangent dd { margin: 0; padding: 0; float: left; width: 50%; } #content_tangent dl .funding_date { margin-bottom: 2em; } #content_tangent dl dd { font-weight: bold; } #content_tangent .loan_schedule em { display: block; font-style: normal; font-weight: bold; } #content_tangent .loan_schedule strong { display: block; } #content_tangent .date strong { display: block; } #content_tangent .hours_of_operation strong { display: block; margin-top: .5em; } #content_tangent .hours_of_operation em { display: block; font-style: normal; } /* RIGHT COLUMN ************************************************************************************************************************************/ #content .process_indicator { position: absolute; right: -320px; top: 0; width: 243px; padding: 33px 31px 33px 33px; background: #e6e6e6; font-size: 0.8em; } #content .process_indicator ol { clear: both; list-style-type: none; overflow: hidden; margin: 0; font-size: 1em; padding: 0; } #content .process_indicator ol li { display: block; overflow: hidden; float: left; width: 224px; padding: 13px 13px 13px 0px; margin: 0; background: url('bg_step1.gif') scroll repeat-x bottom left; } #content .process_indicator ol li.selected { font-weight: normal; background: url('bg_currentstep.gif') right repeat-y; } #content_sub { float: right; width: 307px; padding-bottom: 1em; } #content_sub #live_chat_support { display: block; margin-bottom: 10px; } #content_sub h2 { padding: 33px 33px 0px 33px; margin: 0; background: #e6e6e6; padding-bottom: 1em; } body#customers.new #content_sub, body.new2 #content_sub { margin-top: 249px; } #content_sub #customer_menu { float: left; background: #e6e6e6; padding: 0px 33px 33px 33px; margin-bottom: 1em; } #content_sub #customer_menu h3 { float: left; width: 100%; font-weight: normal; font-size: 1.6em; margin-top: 1em; margin-bottom: 1em; } #content_sub #customer_menu ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; } #content_sub #customer_menu ul.my_account { margin-bottom: 1em; } #content_sub #customer_menu ul li { float: left; width: 100%; padding-bottom: 2px; background: transparent url('subnav_divider.gif') repeat-x scroll center bottom; } #content_sub #customer_menu ul li a, #content_sub #customer_menu ul li a:link, #content_sub #customer_menu ul li a:visited { display: block; text-decoration: none; padding: 10px 0px; color: #222222; } #content_sub #customer_menu ul li a:hover { background: transparent url('subnav_highlight.gif') repeat-y scroll right center; } #content_sub #customer_menu ul li a:active { } #content_sub #customer_menu .verisign { display: none; } #content_sub #live_chat_support { display: block; clear: both; text-align: center } div.certifications { text-align: center; } div.certifications ul { list-style: none; } div.certifications ul li { float: right; margin-left: 5px; } #content_sub div.certifications ul li.verisign, #content_sub div.certifications ul li.mcafee { float: none; display: block; } #content_sub div.certifications ul li.cfsa, #content_sub div.certifications ul li.bbb { float: none; display: inline; } /* LOGIN ************************************************************************************************************************************/ #login { position: relative; width: 307px; margin-bottom: 11px; clear: both; } #login_container .login { width: 243px; padding: 33px 31px 33px 33px; background: #e6e6e6; } #login_container input.required { width: 233px; } #login_container h2 { padding: 0; padding-bottom: 7px; margin-bottom: 7px;} #login_container h2 strong { font-weight: normal; } #login_container label { display: block; } #login_container small { display: block; } #login_container p { margin-bottom: .5em; } #login_container p.alternate_language { position: absolute; } #login_container a { color: #005954; } #login_container a:hover { color: #000; } #login fieldset.authentication_information { margin-bottom: 1em; } #login form.logout { position: absolute; bottom: 33px; right: 33px; width: 100px; text-align: right; } #login p.secure { font-size: .85em; } #login p.secure .separator, #login p.secure .security_measures { display: none; } #login p.secure .alternate_language { display: block; } /* FOOTER ************************************************************************************************************************************/ #secondary_navigation { width: 950px; margin: 1em auto 0em auto; padding-top: 1em; clear: both; border-top: 10px solid #e6e6e6; } #secondary_navigation ul { display: block; text-transform: capitalize; } #secondary_navigation ul li { display: inline; margin: 0em 1em 0em 0em; padding: 0em 1em 0em 0em; background: transparent url('bottomnav_divider.gif') scroll no-repeat right center; } #secondary_navigation ul li.last { background: none; } #global_disclaimer, .disclaimer { font-size: .8em; line-height: 1.2em; clear: both; margin-top: 2em; } #global_disclaimer .disclaimer { font-size: 1em; } #content_main .disclaimer p { margin: 0; } #global_disclaimer { width: 950px; margin: 1em auto 1em; padding-bottom: 10em; clear: both; } #global_disclaimer strong { font-size: 1.1em; } /* HIDES ************************************************************************************************************************************/ #cnu_advantage, #content_sub_lang, .tagline, p.skipper, em.secure { display: none; } /* =contract_summary ************************************************************************************************************************************/ body#contract .contract_summary { float: left; width: 95%; border-width: 1px; border-style: solid; padding: 1em; margin: 1em 0em; background: #f9f9f9; } body#contract .contract_summary h3 { border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: .5em; } body#contract .contract_summary p { margin-bottom: 0em; font-size: .8em; } body#contract .contract_summary .loan { float: left; width: 370px; } body#contract .contract_summary .contact { float: right; width: 200px; } body#contract .contract_summary dl { overflow: auto; margin: 0em; } body#contract .contract_summary dt, body#contract .contract_summary dd { float: left; margin: 0; padding: 0; font-size: .8em; } body#contract .contract_summary dt { width: 100px; font-weight: bold; } body#contract .contract_summary dd { width: 75px; } /* =contract ************************************************************************************************************************************/ div.contract { clear: both; padding-top: 1em; line-height: 1.4em; } div.sign { line-height: 1.4em; position: relative; } .challenge_error { display: none; color: red; font-weight: bold; } .challenge_failed .challenge_error { display: block; } body#contract table.highlight { width: 100%; } .contract .contract_main { border-width: 1px; border-style: solid; height: 20em; overflow: auto; margin: 0em; padding: 1em; line-height: 1.4em; text-align: justify; } .contract .contract_main table tr td { border: 1px solid #000; padding: .5em; } body#contract form.standard_form { clear: both; } body#contract form.standard_form p.military_instructions { padding-top: 1em; } body#contract form.standard_form table.military { border-width: 1px; border-style: solid; border-collapse: collapse; } body#contract form.standard_form table.military tr td { vertical-align: top; padding: 1em; } body#contract form.standard_form .sign { padding-top: 1em; } body#contract form.standard_form .sign table.highlight tr td { padding: 1em; } body#contract form.standard_form #military_ver table.military_signature_block tr td { padding: 1em; } body#contract form.standard_form .electronic_consent { padding: 1em; margin-top: 1em; } body#contract form.standard_form .electronic_consent div.communications, body#contract form.standard_form .electronic_consent div.authorization, body#contract form.standard_form .electronic_consent div.agreement { margin: 1em 0em; border-width: 1px; border-style: solid; padding: 1em; } body#contract form.standard_form .electronic_consent div.authorization { padding: 0em; } body#contract form.standard_form .electronic_consent div.authorization .signatures_consents { padding: 1em; } body#contract form.standard_form .electronic_consent div.authorization table.highlight tr td { padding: 1em; } body#contract form.standard_form #military_ver table.military_signature_block tr td#military_ssn4, body#contract form.standard_form table.highlight tr td.ssn4, body#contract form.standard_form table.highlight tr td#ssn4 { width: 4em; } body#contract form.standard_form .electronic_consent div.authorization table.highlight tr td, body#contract form.standard_form .electronic_consent div.communications table.ssn tr td, body#contract form.standard_form #military_ver table.military_signature_block tr td { vertical-align: top; padding: 2em 0em 2em 2em; } body#contract form.standard_form .electronic_consent div.authorization table.highlight tr td#ssn4 .challenge_error, body#contract form.standard_form .electronic_consent div.communications table.ssn tr td .challenge_error, body#contract form.standard_form table.military_signature_block tr td#military_ssn4 .challenge_error { position: absolute; padding-top: .5em; } body#contract form.standard_form .electronic_consent div.authorization table.highlight tr td label, body#contract form.standard_form table.military_signature_block tr td label { display: block; } body#contract form.standard_form #military_ver table.military_signature_block tr td input, body#contract form.standard_form table.highlight tr td.ssn4 input, body#contract form.standard_form table.highlight tr td#ssn4 input { width: 4em; border-width: 1px; border-style: solid; padding: .25em; } body#contract form.standard_form .electronic_consent div.authorization .contract_ssn_last4_note { display: none; } body#contract form.standard_form .electronic_consent div.agreement { margin-bottom: 0em; } body#contract form.standard_form .electronic_consent h2 { margin: 0; padding: 0; } body#contract form.standard_form table.military { border-color: #F8CE34; } body#contract form.standard_form .electronic_consent div.communications table.ssn, body#contract form.standard_form .electronic_consent div.communications table.ssn tr td, body#contract form.standard_form .electronic_consent div.communications table.ssn tr td label, body#contract form.standard_form .electronic_consent div.communications table.ssn tr td div, body#contract form.standard_form .electronic_consent div.authorization .highlight, body#contract form.standard_form table.signature, body#contract form.standard_form .highlight_only, body#contract form.standard_form .highlight { background: #F8CE34; } body#contract form.standard_form #page_3 div.sign div.electronic_consent div.communications table.highlight, body#contract form.standard_form #page_3 div.sign div.electronic_consent div.communications table.highlight tr td { background: #F8CE34; } body#contract table tr td.ask_item { white-space: nowrap; } .content .cert { float: right; padding: 0px; margin: 0px; } /* =open_hide ************************************************************************************************************************************/ body#contract .art_a { display: none; } body#contract a.art_a:hover { cursor: pointer; } /* =contract_signature ************************************************************************************************************************************/ body#contract form.standard_form .contract_signature { padding: 0em 1em 1em 1em; } body#contract form.standard_form .contract_signature .authenticate_signature_ach { padding-top: 1em; } body#contract form.standard_form .contract_signature table.signature { width: 35em; } body#contract form.standard_form .contract_signature table.signature tr td { padding: 1em; vertical-align: top; } body#contract form.standard_form .contract_signature table.signature tr td label { display: block; margin-bottom: 0.25em; } body#contract form.standard_form .contract_signature table.signature tr td input { display: block; width: 15em; border-width: 1px; border-style: solid; padding: .25em; } body#contract form.standard_form .contract_signature table.signature tr td .challenge_error { position: relative; padding-top: .5em; } body#contract form.standard_form .sign p.signing_notice { margin: 0; padding: 0; position: absolute; bottom: 1.5em; left: 12em; } body#contract .contract .contract_main table.summary { border-collapse: collapse; border: none; margin-bottom: 1em; } body#contract .contract .contract_main table.summary tr td { border: 1px solid #000; padding: .5em; vertical-align: top; line-height: 110%; } body#contract .contract .contract_main table.summary tr td br { display: inline; } body#contract .buttons>a { position: absolute; } body#contract form div.buttons img { display: none; } body#contract form div.buttons .submit_once img { display: inline; } body#contract form div.buttons .submit_once { float: left; font-size: 1.2em; } body#contract form div.buttons .submit_once.back { float: right; max-width: 10em; } /* =loan_details ************************************************************************************************************************************/ .content #loan_details h2 { font-size: 1.75em; font-weight: normal; background: #e6e6e6; margin-bottom: 0em; padding: .31em .46em; } .content #loan_details dl { padding: .5em 1em; margin: 0; overflow: auto; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; background: #fafafa; } .content #loan_details dl .hide { display: none; } .content #loan_details dl dt { padding: 0em; float: left; clear: left; width: 155px; margin: 0em 0em .5em 0em; font-weight: bold; text-transform: capitalize; } .content #loan_details dl dt.discount_amount, .content #loan_details dl dt.nsf_late_fees, .content #loan_details dl dt.cso_interest { clear: none; } .content #loan_details dl dd.discount_amount, .content #loan_details dl dd.nsf_late_fees, .content #loan_details dl dd.cso_interest { width: 120px; } .content #loan_details dl .loan_id { display: none; } .content #loan_details dl dt.apr { text-transform: uppercase; } .content #loan_details dl dd { padding: 0em; float: left; width: 160px; margin: 0em 0em .5em 0em; } .content #loan_details dl dd.due_date { width: 250px; } .content #loan_details dl dd .field { position: relative; } .content #loan_details dl dd .field input { width: 130px; } .content #loan_details dl dd .field .calendar_icon { top: 0.15em; left: 148px; } .content #loan_details dl dd #errors { font-weight: bold; display: block; margin: 0; padding: 0; font-size: .8em; } .content #loan_details dl dd form { display: inline; width: auto; margin-bottom: 0; border-bottom: none; } .content #loan_details dl dd form fieldset { border-top: none; margin: 0; padding: 0; } .content #loan_details dl dd form img { vertical-align: middle; } .content #loan_details dl dd.ajax_confirm { display: block; position: relative; padding: 5px 0px 5px 160px; margin: 0 0 5px 0; width: 440px; } .content #loan_details ul { clear: both; } .content #loan_details dl dd.partial_payment { margin-right: 19em; } .content #loan_details #loan_actions { list-style: none; float: left; width: 630px; margin: 0; padding: 0em; position: relative; font-size: .9em; } .content #loan_details #loan_actions li { float: left; font-size: 0.9em; } .content #loan_details #loan_actions #new_extension { position: relative; top: 3px; left: 0px; height: auto; margin: 0 0 3px 0; padding: 0; border-bottom: none; width: 15em; } .content #loan_details #loan_actions #new_extension fieldset { display: inline; border: none; width: auto; height: auto; float: none; margin: 0; padding: 0; } .content #loan_details #loan_actions #new_extension fieldset input { margin-bottom: 0em; width: 15em; } .content #loan_details #loan_actions a, .content #loan_details #loan_actions a:link, .content #loan_details #loan_actions a:visited { float: left; margin-bottom: .5em; margin-top: 3px; padding: .75em .5em; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #fff; border: 3px solid white; background: #ffc425; text-decoration: none; } .content #loan_details #loan_actions a:hover { cursor: pointer; } .content #loan_details #loan_actions a:active { } .content #loan_details #loan_actions #print_loan_details { } /* =early_payoff ************************************************************************************************************************************/ .content form fieldset.extension_application ul .confirm_paydates { float: left; width: 616px; border-bottom: 1px dotted #CCC; margin: 0em 0em 1em 0em; padding: 7px; } .early_payoff #content_main form fieldset.loan_summary { margin-bottom: 0em; } .early_payoff #content_main form fieldset.loan_summary dl { float: left; width: 623px; margin: 0 0 0 7px; margin-bottom: 0em; margin-top: 1em; } .early_payoff #content_main form fieldset.loan_summary dl dt { float: left; width: 150px; font-weight: bold; text-transform: capitalize; } .early_payoff #content_main form fieldset.loan_summary dl dd { float: left; width: 150px; } .early_payoff #content_main form fieldset.early_payoff { border-top: 1px dotted #CCC; margin-top: 0; padding: 0; } .early_payoff #content_main form fieldset.early_payoff ul { position: relative; float: left; width: 630px; } .early_payoff #content_main form fieldset.early_payoff ul li.new_due_date { float: left; width: 300px; margin-top: 1em; padding: 0 0 0 7px; } .early_payoff #content_main form fieldset.early_payoff ul li.new_due_date .calendar_icon { top: 3em; } .early_payoff #content_main form fieldset.early_payoff ul li.new_due_date #due_date_spinner { position: relative; left: 35px; } .early_payoff #content_main form fieldset.early_payoff ul li.new_due_date input { width: 125px; } .early_payoff #content_main form fieldset.early_payoff ul li.new_due_date label { display: block; } .early_payoff #content_main form fieldset.early_payoff ul li.original_due_date { float: left; width: 300px; margin-top: 1em; padding: 0; } .early_payoff #content_main form fieldset.early_payoff ul li.changed_due_date { position: absolute; bottom: -1em; right: 250px; padding: 0; margin: 0; } .early_payoff #content_main form fieldset.early_payoff ul li.changed_due_date #errors { font-weight: bold; } /* =loan_history ************************************************************************************************************************************/ #loan_history table { width: 100%; border-collapse: collapse; } #loan_history table caption, #loan_history table thead tr th, #loan_history table tbody tr th, #loan_history table tbody tr td, #loan_history table tfoot tr th, #loan_history table tfoot tr td { padding: .5em 1em; text-align: left; } #loan_history table tbody tr.alternate th, #loan_history table tbody tr.alternate td { background: #f1f1f1; } #loan_history table tfoot tr th, #loan_history table tfoot tr td { font-weight: bold; border-top: 1px dotted #CCC; } #loan_history table thead tr th { border-bottom: 1px dotted #CCC; font-weight: bold; background: #f1f1f1; } #loan_history table tbody tr th { font-weight: normal; } #loan_history table caption { font-size: 1.75em; font-weight: normal; background: #e6e6e6; margin-bottom: 0em; padding: .31em .46em; border-bottom: 1px dotted #CCC; } /* =fee_schedule ************************************************************************************************************************************/ body.fee_schedule #content_main h2 { margin-bottom: .2em; margin-top: 1.5em; } body.fee_schedule #content_main h2.state { text-transform: capitalize; margin-bottom: 1em; margin-top: 0; } body.fee_schedule #content_main p { margin-bottom: .2em; margin-top: .5em; } body.fee_schedule #content_main div.terms.with_thumbnail { margin-left: 125px; } body.fee_schedule #content_main div.terms h2 { clear: none; } body.fee_schedule #content_main div.terms.with_thumbnail h2 { margin-top: 0; } body.fee_schedule #content_main div.pamphlets h3 { margin-top: 1em; } .content table.ok, .content table.apr { width: 630px; } .content table.ok tr th, .content table.apr tr th { padding: 1em .5em; border-bottom-width: 1px; border-bottom-style: solid; } .content table.ok tr td, .content table.apr tr td { padding: 1em .5em; } .content .apr_container { overflow: auto; width: 630px; height: 30em; margin-bottom: 1em; } .content .apr_container.AK { height: auto; } .content .apr_container.OK { height: 50em; } .content table.ok tr th, .content table.apr tr th { background: #f1f1f1; border-bottom-color: #FFF; } .content table.ok tr.shade td, .content table.apr tr.shade td { background: #FFF; } .content table.ok tr td, .content table.apr tr td { background: #f1f1f1; } .content table.ok tr th, .content table.ok tr td, .content table.apr.ak tr th, .content table.apr.ak tr td { padding: .25em; } .content table.apr.ak tr th { font-weight: bold; white-space: nowrap; } .content table.apr.ak tr th, .content table.apr.ak tr td { font-size: 2em; line-height: 1.5em; padding: 3px; text-align: center; } #US_states_map { text-align: center; } #US_states_map object { margin: 0 auto; } /* =extension_request ************************************************************************************************************************************/ .content form fieldset.extension_application dl { float: left; width: 623px; margin: 0 0 0 7px; margin-bottom: 1.5em; margin-top: 1em; } .content form fieldset.extension_application dl.extension_request dt { float: left; width: 150px; font-weight: bold; text-transform: capitalize; } .content form fieldset.extension_application dl.extension_request dd { float: left; width: 150px; } .content form fieldset.extension_application ul.paydates { float: left; width: 630px; border-top: 1px dotted #CCC; } .content form fieldset.extension_application ul .confirm_paydates { float: left; width: 616px; border-bottom: 1px dotted #CCC; margin: 0em 0em 1em 0em; padding: 7px; } /* =forgot_password ************************************************************************************************************************************/ .content #forgot_password { position: relative; } .content #forgot_password fieldset { margin: 0; } .content form#forgot_password fieldset ul li.email { width: 350px; padding-bottom: 0; } .content form#forgot_password fieldset ul li.email br { display: none; } .content form#forgot_password fieldset ul li.email .required { margin-right: 1em; } .content #forgot_password fieldset.actions { width: auto; position: absolute; top: 0; right: 0; } .content #forgot_password fieldset.actions span.submit_once { position: absolute; top: 20px; right: 75px; } .content #forgot_password fieldset.actions .form_error { position: absolute; top: 55px; right: 55px; width: 200px; } /* =check ************************************************************************************************************************************/ body#contract .check { font-size: .8em; } .check { border-top-width: .5em; border-top-style: solid; position: relative; padding: 1em; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 2em; } .check .check-number { position: absolute; top: 1em; right: 1em; } .check .check-number, .check .acct-holder { font-family: Georgia, FreeSerif, serif; font-size: 1.1em; } .check .acct-holder { float: left; margin-bottom: 2em; } .check .acct-holder .n { font-weight: bold; font-size: 1.1em; text-transform: uppercase; } .check .issuing-bank { font-size: 1.1em; font-weight: bold; font-family: Georgia, FreeSerif, serif; } .check .issuing-bank { position: absolute; bottom: 6.5em; left: 1.5em; } .check .bank-address { position: absolute; bottom: 5.9em; left: 1.5em; } .check .pay { clear: left; margin-top: 1em; } .check .pay .payee { border-bottom: 1px solid #000; border-right: 1px solid #000; float: left; width: 24em; margin-top: .2em; padding-bottom: .1em; padding-left: .5em; font-size: 1.5em; } .check .pay .order-of { font-size: 1.1em; font-style: italic; font-family: Georgia, FreeSerif, serif; float: left; width: 5em; } body#contract .check .pay .order-of { line-height: 110%; } .check .amount .digits { border: 2px solid #CCC; position: absolute; top: 3em; right: .5em; padding: .15em; font-size: 2em; font-weight: bold; } body#contract .check .amount .digits { top: 4em; } .check .amount .description { border-bottom: 1px solid #000; clear: left; margin-bottom: 3em; margin-top: 3.5em; padding: .1em .6em; text-transform: capitalize; font-style: italic; font-size: 1.2em; } .check .meta { font-family: "Courier New", "Courier", "FreeMono", monospace; font-weight: bold; font-size: 1.2em; clear: both; } .check .date { border-bottom: 1px solid #000; float: right; width: 8em; padding: .3em; margin-right: 8em; margin-top: 1.5em; } body#contract .check .date { width: 9em; } .check .for { border-bottom: 1px solid #000; float: left; width: 20em; padding: .5em; margin-bottom: 1em; } .check .signature { border-bottom: 1px solid #000; float: right; width: 20em; padding: .5em; margin-bottom: 1em; } /* =pay_stub ************************************************************************************************************************************/ body#pay_stub .check { margin: 1em; } body#pay_stub .check .signature { padding-top: 3em; } body#pay_stub .check .amount .digits { top: 2.5em; } body#pay_stub .check .date { width: 10em; } body#pay_stub .check .pay .payee { width: 320px; } body#pay_stub #content_main form p { margin: 1em; } body#pay_stub dl { margin: 1em; clear: both; } body#pay_stub dl dt { font-weight: bold; float: left; width: 140px; margin: .5em 0 .5em 1.5em; } body#pay_stub dl dt span { display: none; } body#pay_stub dl dd { float: left; width: 120px; margin: .5em 1em .5em 0; } body#pay_stub dl dd { text-align: right; } body#pay_stub form fieldset ul li.pay_stub .date_field { white-space: nowrap; } /* =sitemap ************************************************************************************************************************************/ .content .sitemap h1 { display: none; } .content .sitemap h2 { text-transform: capitalize; margin-bottom: .15em; font-size: 1.4em; } .content .sitemap ul { margin-bottom: 2em; } .content .sitemap ul li { padding-left: 0em; } .content .sitemap ul li ul li { padding-left: 1.5em; } body.link_directory #content_tangent h3 { font-size: 1em; } /* =holiday_notice ************************************************************************************************************************************/ .holiday_notice { background: #FFF0D9; margin-bottom: 15px; font-size: .85em; line-height: 140%; font-weight: bold; padding: 10px; } .holiday_notice h2 { display: none; } /* =contact_numbers ************************************************************************************************************************************/ .content h2.contact_numbers { border-top: none; margin-top: 0em; padding-top: 0em; } .content dl.contact_numbers { float: left; clear: both; margin: 0.2em 0em 3em 0em; padding-left: 0; } .content dl.contact_numbers .separator { display: none; } .content dl.contact_numbers dt { float: left; clear: left; width: 130px; margin: 0; padding: 0; } .content dl.contact_numbers dd { float: left; width: 150px; margin: 0; padding: 0; } .content dl.contact_numbers .fax { margin-bottom: .75em; } /* =contact_email ************************************************************************************************************************************/ .content h2.contact_email { border-top: none; margin-top: 0em; padding-top: 0em; } .content dl.contact_email { float: left; clear: both; margin: 0.2em 0em 2em 0em; padding-left: 0; font-size: .9em; } .content dl.contact_email dt { font-weight: bold; } .content dl.contact_email dd { } .content dl.contact_email dd.customer_service { margin-bottom: 1em; } /* =contact vcard ************************************************************************************************************************************/ .content #content_body .vcard { margin-bottom: 2em; } /* =contact form ************************************************************************************************************************************/ form#contact { width: auto; } .content form#contact fieldset { border: none; } .content form#contact fieldset label { display: block; } form#contact fieldset.personal { padding-bottom: 0; } form#contact fieldset ul.name_email { padding-top: 1em; } form#contact fieldset ul li { width: 48%; padding-right: 0; } form#contact fieldset ul li.question { clear: both; width: 100%; } form#contact fieldset ul li.question .field { padding-right: 7px; } form#contact fieldset ul li.question textarea { display: block; width: 98%; border: 3px solid #CCC; } form#contact fieldset.actions { padding: 0em 1.5em 1.5em 1.5em; } form#contact fieldset.actions input { padding: 0.35em 1em; } /* =process_indicator ************************************************************************************************************************************/ body#contract div.process_indicator{ display: block; clear: both; position: relative; width: 100%; padding-bottom: 1em; clear: both; } body#contract div.process_indicator ol { display: block; position: relative; width: 100%; list-style: none; margin: 0; padding: 0; } body#contract div.process_indicator ol li { float: left; width: 24%; border-right: 1px solid #FFF; margin-bottom: 1em; } body#contract div.process_indicator.MD ol li { width: 33%; } body#contract div.process_indicator.MD ol li#step_2 { border-right: 1px solid #CCC; } body#contract div.process_indicator.TX ol li { width: 24.6%;} body#contract div.process_indicator.TX ol li#step_3 { border-right: 1px solid #CCC; } body#contract div.process_indicator ol li .step_text { display: block; padding: 1.1em .5em 1.1em .5em; } body#contract div.process_indicator ol li .progress { display: none; } body#contract div.process_indicator ol li { border: 1px solid #CCC; } body#contract div.process_indicator ol li.selected { background: #CCC; } body#contract div.process_indicator ol li.done { background: #e4e4e4; color: #666666; } body#contract div.process_indicator ol li .progress { display: none; } /* =map_legend ************************************************************************************************************************************/ .content #map_legend { margin: 0em 0 2em 0; } .content #map_legend h3 { font-weight: normal; font-size: 1.6em; margin-bottom: 1em; } .content #map_legend dl { margin: .5em 0 0 0; padding: 0; } .content #map_legend dt img { margin-right: 5px; } .content #map_legend dt, .content #map_legend dd { float: none; width: auto; } .content #map_legend dt { font-weight: bold; } .content #map_legend dd { margin-left: 17px; margin-bottom: 1em; font-weight: normal; font-style: italic; font-size: .9em; color: #333; line-height: 175%; } /* =locate_lender_button ************************************************************************************************************************************/ a#locate_lender_button, a#locate_lender_button:link, a#locate_lender_button:visited, a#locate_lender_button:hover, a#locate_lender_button:active { display: block; width: 260px; margin-bottom: 1em; padding: .5em; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #fff; border: 3px solid white; background: #ffc425; text-align: center; text-decoration: none; } /* =cso maryland contract */ body#contract #page_2 div.sign { padding-top: 0; } body#contract #page_2 div.sign div.military_warning { padding-top: 0; } body#contract #page_2 div.sign div.electronic_consent { margin-top: 0; padding-top: 1em; } body#contract #page_2 div.sign div.electronic_consent div.communications table.highlight { margin-bottom: 1em; } body#contract #page_2 div.sign div.electronic_consent div.communications table.highlight tr td { vertical-align: middle; } body#contract #page_3 div.contract { padding-bottom: 1em; margin-bottom: 0; } body#contract #page_3 div.contract p { margin-top: 0; } body#contract #page_3 div.contract p.western { padding-top: 2em; } body#contract #page_3 div.contract .cancellation_block, body#contract #page_3 div.contract #cancellation_block { margin: 1em 1em 0em 1em; padding: 1em; border: 1px solid #000; } body#contract #page_3 div.sign { padding-top: 0em; } body#contract #page_3 div.sign div.electronic_consent { margin-top: 0; padding-top: 0em; } /* =cso texas */ body#contract #page_4 div#cso_progress { margin-bottom: 1em; } body#contract #page_4 div.sign { padding-top: 0; } body#contract #page_4 div.contract { padding: 1em; margin: 2em 1em 1em 1em; border: 1px solid #000; } body#contract #page_4 div.contract table.voucher { border-collapse: collapse; border: 1px solid #CCC; } body#contract #page_4 div.contract table.voucher tr th, body#contract #page_4 div.contract table.voucher tr td { padding: .5em; border: 1px solid #CCC; vertical-align: top; } body#contract #page_4 div.contract table.voucher tr td br { display: block; } /* =triple */ .content form fieldset ul, .content form fieldset ul.triple { float: left; width: 600px; display: block; position: relative; padding: 0 1%; } .content form fieldset ul li, .content form fieldset ul.triple li { float: left; left: 100%; margin: 0 0 0 -66%; padding: 0; position: relative; width: 32%; } .content form fieldset ul li.first, .content form fieldset ul.triple li.first { margin-left: -100%; } .content form fieldset ul li.last, .content form fieldset ul.triple li.last { margin-left: -32%; } /* =dual.balanced */ .content form fieldset ul.double.balanced { float: left; width: 600px; display: block; position: relative; padding: 0 1%; } .content form fieldset ul.double.balanced li { float: left; left: 100%; margin: 0 0 0 -66%; padding: 0; position: relative; width: 49%; } .content form fieldset ul.double.balanced li.first { margin-left: -100%; } .content form fieldset ul.double.balanced li.last { margin-left: -49%; } /* =dual.primary */ .content form fieldset ul.double.primary { float: left; width: 600px; display: block; position: relative; padding: 0 1%; } .content form fieldset ul.double.primary li { float: left; left: 100%; margin: 0 0 0 -66%; padding: 0; position: relative; width: 32%; } .content form fieldset ul.double.primary li.first { margin-left: -100%; width: 66%; } .content form fieldset ul.double.primary li.last { margin-left: -32%; } /* =dual.secondary */ .content form fieldset ul.double.secondary { float: left; width: 600px; display: block; position: relative; padding: 0 1%; } .content form fieldset ul.double.secondary li { float: left; left: 100%; margin: 0 0 0 -66%; padding: 0; position: relative; width: 49%; } .content form fieldset ul.double.secondary li.first { margin-left: -100%; width: 32%; } .content form fieldset ul.double.secondary li.last { margin-left: -66%; width: 66%; } /* =single */ .content form fieldset ul.single { float: left; width: 600px; display: block; position: relative; padding: 0 1%; } .content form fieldset ul.single li { float: none; left: 0; margin: 0; padding: 0; position: relative; width: auto; } .content form fieldset ul.single li p { line-height: 100%; } /* =reg_disclosures */ #content_main form fieldset#reg_disclosures ul li input { border: none; width: auto; } #reg_disclosures img { width: 100%; } #reg_disclosures .disclosure_apr_table { position: relative; } /* =collection interface */ #collection_confirmation_messages{ margin-left: 20px; } #collection_mg_and_wu_submit_button{ text-align: right; margin-right: 20px; } #collection_buttons{ text-align: center; margin-right: 20px; } #collection_ach_authorization_box{ background: yellow; padding: 5px; margin-right: 20px;} #collection_big_or_word { text-align: center; font-size: 3em; font-weight: bold; } #collection_margin_left { margin-left: 20px; } /* =grid */ div.grid { position: relative; } div.grid div.group { width: 950px; margin: 0 auto; clear: both; } div.grid div.group div.content { float: left; width: 300px; margin-right: 10px; } div.grid div.single div.content { width: 950px; margin-right: 0px; } div.grid div.alternate div.content { float: none; width: auto; margin: 0 auto; } div.grid div.group div.last { margin-right: 0em; } div.grid div.double div.first { width: 625px; } div.grid div.triple div.content { width: 300px; } div.grid div.triple div.first { width: 300px; } div.grid div.triple div.last { width: 300px; margin-right: 0px; } /* =lpButtonDiv */ #content_sub #lpButtonDiv { display: block; margin: 10px 0px; padding: 0px; clear: both; } #content_sub #lpButtonDiv a, #content_sub #lpButtonDiv a:link, #content_sub #lpButtonDiv a:visited { display: block; margin: 0px; padding: 0px; width: 307px; height: 73px; text-indent: -9999px; } #content_sub #lpButtonDiv a, #content_sub #lpButtonDiv a:link, #content_sub #lpButtonDiv a:visited { background: url('live_chat_sprite.gif') scroll no-repeat; background-position: 0px -73px; } #content_sub #lpButtonDiv a:hover { background-position: -307px -73px; } #content_sub #lpButtonDiv a.online, #content_sub #lpButtonDiv a.online:link, #content_sub #lpButtonDiv a.online:visited { background-position: 0px 0px; } #content_sub #lpButtonDiv a.online:hover { background-position: -307px 0px; } #content_sub #lpButtonDiv a.busy, #content_sub #lpButtonDiv a.busy:link, #content_sub #lpButtonDiv a.busy:visited { background-position: 0px -146px; } #content_sub #lpButtonDiv a.busy:hover { background-position: -307px -146px; } #content_sub #lpButtonDiv a:active { outline: none; } #content_sub a.promo:active, #content_sub .promo a:active { outline: none; } #content_sub a.promo:focus, #content_sub .promo a:focus { -moz-outline-style: none; } /* contract redesign - jjonjevic 03.18.10 */ /* COLORS: AEA Green #005954 AEA yellow #ffc425 gold #f7971c blue: #3089c4 lt grey: #f0f0f0 med grey: #ebebeb med grey: #d8d8d8 drk grey: #959595 */ body#contract div#content {padding-top:16px;} body#contract div#cnu-contract form {background-color:#fff;} body#contract h1, body#contract h2 {color:#000;font-size:1.5em;font-weight:bold;margin-top:0;} body#contract p {margin-top:0;} body#contract div#content_main, body#contract div#content_sub {margin:0;padding-top:16px;padding-bottom:0;} body#contract div#contract-pages form#sign_contract {background-image:none !important; width: auto;} body#contract div#cnu-contract h2 {margin-bottom:10px;} /* form field defaults */ body#contract div.form-fieldset {} body#contract div.form-fieldset .fieldset-legend {} body#contract div.form-fieldset .fieldset-title {font-size:1.2em;font-weight:bold;} body#contract div.form-fieldset div.form-field .field-copy {} body#contract div.form-fieldset div.form-field, body#contract div.form-fieldset div.fieldset-copy {padding:5px;} body#contract div.form-fieldset div.form-field input.input-text {padding:2px;border:1px solid #959595;display:block;width:152px;background-color:#fff !important;} body#contract div.form-fieldset div.form-field input.ssn.last4 {width:50px;} body#contract div.form-fieldset div.form-field label, body#contract div.form-fieldset div.form-field div.field-label {display:block;margin:0 0 2px 0;padding:0;font-weight:bold;font-size:1.2em;line-height:110%;} body#contract div.form-fieldset div.form-field label span.label-alt, body#contract div.form-fieldset div.form-field div.field-label span.label-alt {display:block;} body#contract div.form-fieldset div.form-field.checkbox-field, body#contract div.form-fieldset div.form-field.radio-field {position:relative;overflow:hidden;padding-left:24px;} body#contract div.form-fieldset div.form-field.checkbox-field .input-checkbox, body#contract div.form-fieldset div.form-field.radio-field .input-radio {cursor:pointer;margin:0;padding:0;display:block;width:14px;height:14px;position:absolute;top:4px;left:0px;} body#contract div.form-fieldset div.form-field.checkbox-field .input-checkbox {border:1px solid #959595;top:5px;} body#contract div.form-fieldset div.form-field label em.callout, body#contract div.form-fieldset div.form-field div.field-label em.callout {background-color:#fde39e !important;font-weight:bold;padding:0 4px;line-height:120%;font-style:normal;} /* form highlights border #fdb903 background #fde39e label em.callout #fdc224 */ body#contract div.form-fieldset.highlight-fieldset, body#contract div.form-fieldset div.form-field.highlight-field {border:1px solid #fdb903;padding:5px 10px;margin-top:10px;-moz-border-radius:6px;-webkit-border-radius:6px;} body#contract div.form-fieldset.highlight-fieldset, body#contract div.form-fieldset.highlight-fieldset *, body#contract div.form-fieldset div.form-field.highlight-field, body#contract div.form-fieldset div.form-field.highlight-field * {background-color:#fde39e !important;} body#contract div.form-fieldset.highlight-fieldset div.form-field.checkbox-field, body#contract div.form-fieldset.highlight-fieldset div.form-field.radio-field, body#contract div.form-fieldset div.form-field.highlight-field.checkbox-field, body#contract div.form-fieldset div.form-field.highlight-field.radio-field {position:relative;overflow:hidden;padding-left:24px;} body#contract div.form-fieldset div.form-field.highlight-field.checkbox-field, body#contract div.form-fieldset div.form-field.highlight-field.radio-field {padding-left:34px;} body#contract div.form-fieldset div.form-field.highlight-field.checkbox-field .input-checkbox, body#contract div.form-fieldset div.form-field.highlight-field.radio-field .input-radio {left:10px;} body#contract div.form-fieldset div.form-field.highlight-field label em.callout, body#contract div.form-fieldset div.form-field.highlight-field div.field-label em.callout, body#contract div.form-fieldset.highlight-fieldset div.form-field label em.callout, body#contract div.form-fieldset.highlight-fieldset div.form-field div.field-label em.callout {background-color:#fdc224 !important;font-weight:bold;padding:0 4px;line-height:120%;} /* form errors */ body#contract .submit-error {border:1px solid #f00 !important;overflow:hidden;padding:5px;} body#contract .submit-error .error-message {border-top:1px solid #f00;padding:5px;margin-top:5px;font-weight:bold;color:#f00;font-size:1em;line-height:120%;} /* signature form */ body#contract div.cnu-contract div.signature-form div.form-fieldset p {margin:0;line-height:110%;} body#contract div.cnu-contract div.signature-form div.form-fieldset label, body#contract div.cnu-contract div.signature-form div.form-fieldset div.field-label {font-weight:bold;font-size:1.2em;} body#contract div.cnu-contract div.signature-form {} body#contract div.cnu-contract div.signature-form div.sig-form-copy {float:right;width:650px;} body#contract div.cnu-contract div.signature-form div.sig-form-data {width:170px;float:left;} /* toggler */ body#contract .toglr_element {overflow:hidden;position:relative;} body#contract .toggler.toglr_active, body#contract .toggler.toglr_closed {background:url('toggler_closed.gif') no-repeat 0 50%;} body#contract .toggler.toglr_hover, body#contract .toggler.toglr_open {background:url('toggler_open.gif') no-repeat 0 50%;} body#contract .toglr_close {cursor:pointer;position:relative;margin:10px;padding-left:14px;color:#005954;float:right;background:url('toggler_close.gif') no-repeat 0 50%;} body#contract .toggler.toglr_active {cursor:pointer;padding-left:14px;margin:0;} body#contract div.contract_section {background-color:#f0f0f0;padding:10px;margin-bottom:10px;} body#contract div.contract_section h3 {font-size:.9em;text-transform:uppercase;border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 5px;} body#contract div#content_main div.contract_section, body#contract div#content_sub div.contract_section {margin-bottom:10px;} /* intro */ body#contract div.intro h1, body#contract div.intro h2 {color:#000;font-size:1.5em;font-weight:normal;margin-top:0;} body#contract div.intro h1 {font-size:1.8em;} body#contract div.intro p {font-weight:normal;font-size:1.3em;} body#contract div.intro h2 {margin:14px 0 10px 0;} body#contract div.intro div.contract_state_notice {padding:10px;margin:10px 0 0 0;background-color:#f4dfc1;color:#58595b;font-weight:bold;font-size:1.5em;line-height:110%;border:0px solid #fff;-moz-border-radius:8px;-webkit-border-radius:8px;} /* summary */ body#contract div.loan_summary {position:relative;padding-bottom:25px;} body#contract div.loan_summary, body#contract div.loan_summary div.sect {overflow:hidden;} body#contract div.loan_summary dl, body#contract div.loan_summary dl dt, body#contract div.loan_summary dl dd {position:relative;margin:0;padding:0;float:none;width:auto;height:auto;font-weight:bold;font-size:1.1em;} body#contract div.loan_summary dl {width:250px;margin-bottom:10px;float:left;overflow:hidden;} body#contract div.loan_summary dl.pay_date {float:right;} body#contract div.loan_summary dl dt {float:left;} body#contract div.loan_summary dl dd {float:right;color:#005954;} body#contract div.loan_summary dl dd.note {float:none;color:#000;font-weight:normal;font-size:1em;clear:both;} body#contract div.loan_summary div.sect.customer {overflow:hidden;width:630px;background-color:#ddd;margin-top:-11px;margin-left:-11px;margin-bottom:8px;border:0px solid #f0f0f0;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;} body#contract div.loan_summary dl.customer_number, body#contract div.loan_summary dl.customer_number dt, body#contract div.loan_summary dl.customer_number dd {margin:0;padding:0;width:auto;} body#contract div.loan_summary dl.customer_number {float:right;} body#contract div.loan_summary dl.customer_number dt, body#contract div.loan_summary dl.customer_number dd {display:inline;color:#666;float:left;font-size:.9em;font-weight:bold;} body#contract div.loan_summary dl.customer_number dt {padding-right:5px;} body#contract div.loan_summary dl.customer_number dd {padding-right:10px;} body#contract div.loan_summary dl.total_due, body#contract div.loan_summary dl.lender_interest, body#contract div.loan_summary dl.discount {clear:left;} body#contract div.loan_summary dl.total_due {} body#contract div.loan_summary dl dd.currency.sub:before {content:"(";} body#contract div.loan_summary dl dd.currency.sub:after {content:")";} body#contract div.loan_summary div.sect.loan div.totals {overflow:hidden;clear:both;padding-top:10px;border-top:1px solid #959595;} body#contract div.loan_summary div.sect.footnotes {overflow:hidden;} body#contract div.loan_summary div.sect.footnotes div.col {width:250px;float:left;} body#contract div.loan_summary div.sect.footnotes div.col.odd {float:right;} body#contract div.loan_summary div.sect.footnotes div.col p {padding:0;margin:10px 0 0 0;font-weight:normal;font-size:1em;} /* summary installment */ body#contract div.loan_summary.summary_installment {} body#contract div.loan_summary.summary_installment div.switch {text-align:right;} /* summary payday */ body#contract div.loan_summary.summary_payday {} /* summary cso */ body#contract div.loan_summary.summary_cso {} body#contract div#content_sub div#login {margin-bottom:0;} body#contract div#content_sub div#login div.login {padding:10px;width:auto;} body#contract div#content_sub div#login div.login p.secure {margin-bottom:0;} body#contract div#content_sub div.contact {text-align:left;background-color:#e6e6e6;margin-top:5px;} body#contract div#content_sub div.contact h3 {margin:0;text-transform:uppercase;font-size:1em;border:none;} body#contract div#content_sub div.contact p {margin:5px 0 0 0;} body#contract div#content_sub div.contact a.promo {display:inline;background-image:none;} /* loan installment schedule */ body#contract div.loan_summary div.schedule {margin-top:10px;clear:both;} body#contract div.loan_summary div.schedule p {font-weight:bold;} body#contract div.loan_summary div.schedule p em {font-weight:bold;color:#005954;} body#contract div.loan_summary div.schedule div.payments .toggler.toglr_active {font-weight:normal;padding-top:4px;padding-bottom:4px;margin-left:4px;} body#contract div.loan_summary div.schedule div.payments {margin-bottom:10px;padding:0 x;background-color:#d8d8d8;overflow:hidden;} body#contract div.loan_summary div.schedule div.payments ol, body#contract div.loan_summary div.schedule div.payments ol li {margin:0;padding:0;list-style-type:none;} body#contract div.loan_summary div.schedule div.payments ol li {padding:6px 6px 6px 20px;font-weight:bold;background-color:#ebebeb;overflow:hidden;} body#contract div.loan_summary div.schedule div.payments ol li, body#contract div.loan_summary div.schedule div.payments ol li * {font-size:1.05em;} body#contract div.loan_summary div.schedule div.payments ol li span {float:left;width:200px;} body#contract div.loan_summary div.schedule div.payments ol li em {font-weight:bold;color:#005954;font-style:normal;} body#contract div.loan_summary div.schedule div.payments ol li.alt {background-color:#d8d8d8;} /* loan information */ body#contract div.loan_info ul {padding-left:10px;} body#contract div.loan_info ul li {background:url('contract_info_bullet.gif') no-repeat 0 5px;list-style-type:none;padding-left:10px} body#contract div.switch {padding:5px 5px 10px 5px;} body#contract div.loan_info div.faqs {margin:0px;padding:10px 4px;background-color:#d8d8d8;overflow:hidden;} body#contract div.loan_info div.faqs div.faqs_body {padding:16px 0 0 16px;} body#contract div.loan_info div.faqs div.faqs_body h4, body#contract div.loan_info div.faqs div.faqs_body p, body#contract div.loan_info div.faqs div.faqs_body ul {margin:0;padding:0 0 0 14px;} body#contract div.loan_info div.faqs div.faqs_body h4 {margin:0;padding:0 0 0 14px;line-height:auto;background:url('bullet_double_arrow.gif') no-repeat 0 50%;color:#005954;font-size:1em;font-weight:normal;} body#contract div.loan_info div.faqs div.faqs_body ul li {padding:0 0 0 10px;margin-left:20px;} /* repayment-method */ /* process indicator ex:
  • Step Title
    • */ body#contract ol.process-indicator, body#contract ol.process-indicator li, body#contract ol.process-indicator li span {margin:0;padding:0;height:35px;line-height:35px;list-style-type:none;overflow:hidden;} body#contract ol.process-indicator {background-color:#fff;z-index:200;margin:10px 0;} body#contract ol.process-indicator li {position:relative;margin-left:-16px;float:left;background:url('process_indicator_sprite.gif') no-repeat 0 -35px;} body#contract ol.process-indicator li span.step-title {font-size:12px;display:block;margin-left:16px;padding-right:26px;background-color:#b0cfce ;color:#fff;font-weight:normal;text-align:center;padding-left:24px;} body#contract ol.process-indicator li.selected {background-position:0 0;} body#contract ol.process-indicator li.selected span.step-title {font-weight:bold;background:url('process_indicator_sprite.gif') repeat-x 0 -105px;} body#contract ol.process-indicator li.done {background-position:0 -70px;} body#contract ol.process-indicator li.done span.step-title {color:#666;background-color:#f0f0f0;} body#contract ol.process-indicator li.first span.step-title {border:0px solid #fff;-moz-border-radius-bottomleft:8px;-moz-border-radius-topleft:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-top-left-radius:8px;} body#contract ol.process-indicator li.last span.step-title {border:0px solid #fff;-moz-border-radius-bottomright:8px;-moz-border-radius-topright:8px;-webkit-border-bottom-right-radius:8px;-webkit-border-top-right-radius:8px;} body#contract ol.process-indicator {width:950px;} body#contract ol.process-indicator.steps-2 li {width:491px;} /* (950 / 2) + 16 ex.(parent_width / number_of_steps) + left_negative_margin /*/ body#contract ol.process-indicator.steps-3 li {width:332px;} /* (950 / 3) + 16 */ body#contract ol.process-indicator.steps-3 li.last {width:333px;} /* 1px remainder */ body#contract ol.process-indicator.steps-4 li {width:253px;} /* (950 / 4) + 16 */ body#contract ol.process-indicator.steps-4 li.last {width:255px;} /* 2px remainder */ body#contract ol.process-indicator li span.step-num {position:absolute;top:0;left:25px;width:20px;background:url('process_indicator_sprite.gif') no-repeat 0 -175px;} body#contract ol.process-indicator li.todo span.step-num.num-3 {background-position:0 -210px;} body#contract ol.process-indicator li.todo span.step-num.num-4 {background-position:0 -245px;} body#contract ol.process-indicator li.selected span.step-num.num-1 {background-position:0 -280px;} body#contract ol.process-indicator li.selected span.step-num.num-2 {background-position:0 -315px;} body#contract ol.process-indicator li.selected span.step-num.num-3 {background-position:0 -350px;} body#contract ol.process-indicator li.selected span.step-num.num-4 {background-position:0 -385px;} body#contract ol.process-indicator li.done span.step-num {background-position:0 -140px;} /* cnu-contract */ body#contract div.cnu-contract {background-color:#fff;border:none;margin:0;} body#contract div.cnu-contract h1, body#contract div.cnu-contract h2 {color:#464646;font-size:1.4em;font-weight:bold;} body#contract div.cnu-contract h2 {font-size:1.3em;} body#contract div.cnu-contract div.article {margin-bottom:10px;} /* scrollable articles - disclosure-statement / cso-agreement / loan-agreement / cancellation-notice / ach-voucher */ body#contract div.cnu-contract div.article.disclosure-statement, body#contract div.cnu-contract div.article.cso-agreement, body#contract div.cnu-contract div.article.loan-agreement, body#contract div.cnu-contract div.article.ach-voucher, body#contract div.cnu-contract div.article.cancellation-notice {height:200px;border:1px solid #000;padding:10px;overflow-y:scroll;overflow-x:hidden;} /* shaded articles - military-information / electronic-consent / disclosure-agreement */ body#contract div.cnu-contract div.article.military-information, body#contract div.cnu-contract div.article.electronic-consent, body#contract div.cnu-contract div.article.disclosure-agreement {background-color:#f0f0f0;padding:10px;} body#contract div.cnu-contract div.article.military-information *, body#contract div.cnu-contract div.article.electronic-consent *, body#contract div.cnu-contract div.article.disclosure-agreement * {background-color:#f0f0f0;} body#contract div.cnu-contract div.article.military-information input.input-text, body#contract div.cnu-contract div.article.electronic-consent input.input-text, body#contract div.cnu-contract div.article.disclosure-agreement input.input-text {background-color:#fff;} /* cnu-contract military-information */ body#contract div.cnu-contract div.article.military-information div.callout.warning h2 {font-size:1.1em;margin:0;line-height:120%;} body#contract div.cnu-contract div.article.military-information div.callout.warning p {font-weight:bold;margin:10px 0 0 0;line-height:120%;} body#contract div.cnu-contract div.article.military-information div.callout.attention {} body#contract div.cnu-contract div.article.military-information div.form-fieldset {padding:0 10px;} /* section military-branch */ /* clause military-consent */ body#contract div.cnu-contract div.article.military-information div.section.military-branch div.clause.military-consent {border:1px solid #959595;padding:10px;margin-top:20px;} body#contract div.cnu-contract div.article.military-information div.section.military-branch div.clause.military-consent div.form-fieldset div.form-field {padding:0;} body#contract div.cnu-contract div.article.military-information div.section.military-branch div.clause.military-consent div.form-fieldset {padding:0;width:170px;} body#contract div.cnu-contract div.article.military-information div.section.military-branch div.clause.military-consent div.form-fieldset label {display:block;} /* cnu-contract disclosure-agreement */ body#contract div.cnu-contract div.article.disclosure-agreement div.section.disclosure-affirmation {border-top:1px dashed #959595;margin-top:10px;padding-top:10px;} body#contract div.cnu-contract div.article.disclosure-agreement div.section.disclosure-affirmation div.form-fieldset .fieldset-legend {} body#contract div.cnu-contract div.article.disclosure-agreement div.section.disclosure-affirmation div.form-fieldset .fieldset-title {} body#contract div.cnu-contract div.article.disclosure-agreement div.section.disclosure-affirmation div.form-fieldset div.form-field.checkbox-field {margin-bottom:10px;} /* cnu-contract electronic-consent */ body#contract div.cnu-contract div.electronic-consent div.section.signature-form {margin-top:10px;position:relative;overflow:hidden;border:1px solid #959595;padding:5px;} /* cnu-contract accept-signature */ body#contract div.accept-signature {background-color:#fff;overflow:hidden;padding:0 20px 0 268px;margin-top:15px;position:relative;} body#contract div.accept-signature p {margin:0 0 20px 0;padding:0;float:none;color:#000;font-weight:normal;line-height:140%;background-color:#fff;} body#contract div.accept-signature p.authenticate {margin-top:0;} body#contract div.accept-signature p.address {line-height:38px;float:left;} body#contract div.accept-signature p.address a {line-height:38px;margin:0 0 0 10px;padding:0;display:inline-block;text-decoration:none;} body#contract div.accept-signature p.address a img {vertical-align:middle;display:inline-block;position:relative;margin:0;padding:0;} body#contract div.accept-signature div.certifications, body#contract div.accept-signature div.certifications ul {overflow:hidden;} body#contract div.accept-signature div.certifications ul {float:left;} body#contract div.accept-signature div.certifications ul li {float:left;margin-right:10px;} body#contract div.accept-signature div.buttons {width:180px;position:absolute;top:0;left:20px;} body#contract div.accept-signature div.buttons fieldset.actions {padding:0;} body#contract div.accept-signature div.buttons fieldset.actions input.button {width:158px;clear:left;height:auto;line-height:100%;padding:10px 0;margin:0 0 10px 0;font-size:1.4em;} body#contract div.accept-signature div.buttons fieldset.actions input.button:hover {opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);} body#contract div.accept-signature div.buttons fieldset.actions input.button.back-button {background-position: 0px -600px;background-color:#ccc;color:#959595;} body#contract div.accept-signature div.buttons fieldset.actions input.button.back-button:hover {background-position: 0px 0px;background-color:#ffc425;color:#fff;} /* multi-step contracts */ body#contract div.cnu-contract.cso-voucher, body#contract div.cnu-contract.payment-plan{background-color:#f0f0f0;padding:10px;border:0px solid #f0f0f0;-moz-border-radius:10px;-webkit-border-radius:10px;} body#contract div.cnu-contract.cso-voucher div.article.voucher {height:350px;border:1px solid #959595;padding:10px;overflow-y:scroll;overflow-x:hidden;} /* alt-signature */ body#contract div.cnu-contract div.article.electronic-consent.alt-signature {padding:10px;border:1px solid #959595;overflow:hidden;-moz-border-radius:0;-webkit-border-radius:0;} body#contract div.cnu-contract div.article.electronic-consent.alt-signature div.form-fieldset {overflow:hidden;} body#contract div.cnu-contract div.article.electronic-consent.alt-signature div.form-fieldset div.form-field {float:left;width:150px;padding:0;margin:0 10px 0 0;} body#contract div.cnu-contract div.article.electronic-consent.alt-signature div.form-fieldset div.form-field .field-label, body#contract div.cnu-contract div.article.electronic-consent.alt-signature div.form-fieldset div.form-field div.field-element {display:block;margin:0;padding:0;} body#contract div.cnu-contract div.article.electronic-consent.alt-signature div.form-fieldset div.form-field input {padding:2px;border:1px solid #000;width:144px;} /* TEMPLATE FILES */ div.cnu-contract div.article.loan-agreement {font-size:1em;} div.cnu-contract div.article.disclosure-statement div.section.disclosure div.contract-header div.contract {background-color:#fff !important;} /* title */ div.cnu-contract h2.contract-title {text-align:center;margin-bottom:20px;} div.cnu-contract ul {margin-left:20px;padding-left:0;} div.cnu-contract ul li {background-image:none;list-style-type:disc;padding-left:10px;margin-left:0;margin-bottom:10px;} /* header */ div.cnu-contract div.contract-header {margin-bottom:20px;} div.cnu-contract div.contract-header * {margin:0;padding:0;background-color:none;} div.cnu-contract div.contract-header div.lender {} div.cnu-contract div.contract-header div.lender div.company {font-weight:bold;} div.cnu-contract div.contract-header div.lender div.dba {} div.cnu-contract div.contract-header div.contract {} div.cnu-contract div.contract-header div.contract div.title {font-weight:bold;} div.cnu-contract div.contract-header div.contract div.state {font-weight:bold;} div.cnu-contract div.contract-header div.contract div.date {font-weight:bold;} div.cnu-contract div.contract-header div.customer {} div.cnu-contract div.contract-header div.customer div.name {} div.cnu-contract div.contract-header div.customer div.address {} /* summary */ /* overview */ div.cnu-contract div.summary div.overview {overflow:hidden;width:766px;margin:10px 0;padding-top:1px;} div.cnu-contract div.summary div.overview dl, div.cnu-contract div.summary div.overview dl dt, div.cnu-contract div.summary div.overview dl dd {margin:0;padding:0;} div.cnu-contract div.summary div.overview dl dt, div.cnu-contract div.summary div.overview dl dd {margin:0;padding:5px;} div.cnu-contract div.summary div.overview dl {overflow:hidden;float:left;width:365px;border:1px solid #000;margin-right:16px;margin-top:-1px;} div.cnu-contract div.summary div.overview dl dt {float:left;width:161px;border-right:1px solid #000;} div.cnu-contract div.summary div.overview dl dd {float:left;width:162px;} div.cnu-contract div.summary div.overview dl.disbursement-date {} div.cnu-contract div.summary div.overview dl.payment-date {} div.cnu-contract div.summary div.overview dl.agreement-date {} div.cnu-contract div.summary div.overview dl.account-num {} div.cnu-contract div.summary div.overview dl.loan-num {} div.cnu-contract div.summary div.overview dl.contract-type {} /* entities */ div.cnu-contract div.summary div.entities {overflow:hidden;width:748px;margin:10px 0;border:1px solid #000;} div.cnu-contract div.summary div.entities div.entitiy {overflow:visible;float:left;width:354px;height:auto;padding:10px;} div.cnu-contract div.summary div.entities div.entitiy h3 {margin:0 0 10px 0;} div.cnu-contract div.summary div.entities div.entitiy.lender {} div.cnu-contract div.summary div.entities div.entitiy.borrower {border-left:1px solid #000;width:353px;} /* addresses */ div.cnu-contract div.location {margin-bottom:10px;} div.cnu-contract div.location div.type {} div.cnu-contract div.location div.company {font-weight:bold;} div.cnu-contract div.location div.division {} div.cnu-contract div.location div.person {} div.cnu-contract div.location address {} div.cnu-contract div.location address span {} div.cnu-contract div.location address span.address-1 {display:block;} div.cnu-contract div.location address span.address-2 {display:block;} div.cnu-contract div.location address span.po-box {display:block;} div.cnu-contract div.location address span.street {} div.cnu-contract div.location address span.suite {} div.cnu-contract div.location address span.city {} div.cnu-contract div.location address span.state {} div.cnu-contract div.location address span.zip {} div.cnu-contract div.location div.phone {} div.cnu-contract div.location div.phone.home {} div.cnu-contract div.location div.phone.work {} div.cnu-contract div.location div.phone.toll {} div.cnu-contract div.location span.label {} div.cnu-contract div.locations {} div.cnu-contract div.locations div.sep {} /* loan by */ div.cnu-contract p.loan-by {} div.cnu-contract p.loan-by span.by {} div.cnu-contract p.loan-by span.name {} div.cnu-contract p.loan-by span.title {} /* callouts */ div.cnu-contract div.callout {margin-bottom:10px;} div.cnu-contract div.callout.attention {} div.cnu-contract div.callout.notice {} div.cnu-contract div.callout.warning {} div.cnu-contract div.callout.congrats {font-weight:bold;font-size:1.2em;} div.cnu-contract div.callout.marquee {border: 1px solid #000; padding: 10px;} /* tables */ div.cnu-contract table {margin:5px 0;} div.cnu-contract table tr td, div.cnu-contract table tr th {padding:4px;vertical-align:top;} div.cnu-contract table tr th {vertical-align:top;} div.cnu-contract table p {padding-bottom:4px !important;line-height:110%;} /* lists */ div.cnu-contract ol.lower-alpha {list-style-type:lower-alpha;} /* calculations */ div.cnu-contract div.amount-itemization {} div.cnu-contract div.amount-itemization div.item {} div.cnu-contract div.amount-itemization div.item span.operator {} div.cnu-contract div.amount-itemization div.item span.operator.plus {} div.cnu-contract div.amount-itemization div.item span.operator.minus {} div.cnu-contract div.amount-itemization div.item span.operator.equal {} div.cnu-contract div.amount-itemization div.item span.label {} div.cnu-contract div.amount-itemization div.item span.value {} /* articles */ /* cancellation-notice */ div.cnu-contract div.article.cancellation-notice p {font-weight:bold;} div.cnu-contract div.article.cancellation-notice div.cancel-info, div.cnu-contract div.article.cancellation-notice div.cancel-info dl {overflow:hidden;} div.cnu-contract div.article.cancellation-notice div.cancel-info dl {clear:left;} div.cnu-contract div.article.cancellation-notice div.cancel-info dl dt, div.cnu-contract div.article.cancellation-notice div.cancel-info dl dd {float:left;height:18px;line-height:18px;margin:0 0 0 5px;} div.cnu-contract div.article.cancellation-notice div.cancel-info dl dt {margin-left:0;font-weight:bold;} div.cnu-contract div.article.cancellation-notice div.cancel-info dl.input {padding-top:10px;} div.cnu-contract div.article.cancellation-notice div.cancel-info dl.input dd {width:200px;height:17px;border-bottom:1px dashed #000;} /* signature-stamp */ div.cnu-contract div.signature-stamp {overflow:hidden;} div.cnu-contract div.signature-stamp dl, div.cnu-contract div.signature-stamp dl dt, div.cnu-contract div.signature-stamp dl dd {margin:0padding:0;} div.cnu-contract div.signature-stamp dl dt, div.cnu-contract div.signature-stamp dl dd {display:inline;} div.cnu-contract div.signature-stamp dl dt {font-weight:bold;} div.cnu-contract div.signature-stamp dl dd {margin-left:10px;} div.cnu-contract div.signature-stamp dl.sign-date {} div.cnu-contract div.signature-stamp dl.sign-ip {} div.cnu-contract div.signature-stamp dl.sign-by {} div.cnu-contract div.signature-stamp dl.sign-as {} div.cnu-contract div.signature-stamp dl dd span.sign-name {} div.cnu-contract div.signature-stamp dl dd span.sign-ssn {margin-left:10px;} div.cnu-contract div.signature-stamp dl dd span.sign-title {} div.cnu-contract div.signature-stamp dl dd span.sign-company {} div.cnu-contract div.signature-stamp p.sign-stored {} /* state disclosures */ div.cnu-contract div.article.disclosure-agreement {} div.cnu-contract div.article.disclosure-agreement h2 {margin-bottom:10px;} div.cnu-contract div.article.disclosure-agreement div.disclosure-copy {} div.cnu-contract div.article.disclosure-agreement div.disclosure-copy ol {margin:10px 20px;} div.cnu-contract div.article.disclosure-agreement div.disclosure-copy.disclosure-12pt, div.cnu-contract div.article.disclosure-agreement div.disclosure-copy.disclosure-12pt * {font-size:12px !important;line-height:14px;} div.cnu-contract div.article.disclosure-agreement div.disclosure-copy.disclosure-14pt, div.cnu-contract div.article.disclosure-agreement div.disclosure-copy.disclosure-14pt * {font-size:14px !important;line-height:18px;} div.cnu-contract div.article.disclosure-agreement div.disclosure-copy.disclosure-36pt, div.cnu-contract div.article.disclosure-agreement div.disclosure-copy.disclosure-36pt * {font-size:36px !important;line-height:40px;} div.cnu-contract div.article.disclosure-agreement div.disclosure-copy iframe {background-color:#fff !important;width:670px;border:1px solid #005954;margin:0;padding:0;} /* MI */ div.article.disclosure-mi div.disclosure-copy {margin:20px;padding:5px;background-color:#fff;} div.article.disclosure-mi a.toggler {display:block;} /* MS */ div.article.disclosure-ms div.disclosure-copy {margin:0 20px;padding:5px;background-color:#fff;} div.article.disclosure-ms a.toggler {display:block;} /* WA */ div.cnu-contract div.article.disclosure-wa div.form-fieldset p {margin:0 5px 0 11px;padding:0;} div.cnu-contract div.article.disclosure-wa div.form-fieldset div.form-field.highlight-field {margin-bottom:0 !important;} div.cnu-contract div.article.disclosure-wa div.form-fieldset div.form-field.highlight-field input.input-text {width:20px !important;display:inline !important;} /* =new_extension */ body.new_extension .custom_message { display: none; } .extension_note { line-height: 150%; } /* =change */ #content input.change { width: auto; border: none; background: none; cursor: pointer; } #content input.change { text-align: left; font-weight: bold; } #content input.change { color: #005954; } /* =loan_paydates */ .content form fieldset #loans_paydates ul.paydates { margin-bottom: 1em; } .content form fieldset #loans_paydates ul.single { padding: 0 10px; } /* =partial_payment_information */ form#create_extension fieldset.coupon { padding-top: 0em; } .content form fieldset.payment_options { padding-top: 0em; } .content .partial_payment_information { clear: both; border-top: 1px solid #000; } .content .partial_payment_information .note, .content .partial_payment_information .info { clear: both; padding: 0px 10px; } .content .partial_payment_information .payment { clear: both; margin: 10px 0px; float: left; width: 564px; } .content .partial_payment_information .payment dl { clear: both; float: left; width: 175px; padding-left: 0; margin-bottom: 0; } .content .partial_payment_information .payment dl.update_partial_payment { clear: none; } .content .partial_payment_information .payment dl.update_partial_payment dd { width: auto; } .content .partial_payment_information .payment dl.update_partial_payment input { float: left; width: auto; margin-top: 6px; } .content .partial_payment_information .payment .total { clear: both; float: left; width: 405px; border-top: 1px solid #999; } .content .partial_payment_information .payment .total dl.amount { clear: left; } .content .partial_payment_information .payment .total dl.due_date { clear: none; margin-left: 20px; } .content .partial_payment_information .payment .total dl.due_date dt { width: 75px; } .content .partial_payment_information .payment dl dt { float: left; margin: 0; padding: 1px 2px; width: 116px; } .content .partial_payment_information .payment dl dd { float: left; margin: 0; padding: 1px 2px; width: 51px; position: relative; } .content .partial_payment_information .payment dl dd select { width: 48px; } .content .partial_payment_information .payment .partial_payment_close { position: absolute; top: 0.55em; right: -16px; width: 12px; height: 12px; overflow: hidden; } .content .partial_payment_information .payment .partial_payment_close { background: transparent url('dialog_title_close.gif') scroll no-repeat top left; } .content .partial_payment_information .payment .partial_payment_close a, .content .partial_payment_information .payment .partial_payment_close a:link, .content .partial_payment_information .payment .partial_payment_close a:visited { display: block; margin: 0; padding: 0; padding-top: 12px; } .content .partial_payment_information .payment dl dd span.loading-spinner { position: absolute; top: -2px; right: -23px; } .content .partial_payment_information .payment .total { background-color: #e6e6e6; } .content .partial_payment_information .payment dl.update_partial_payment input { color: #1F4175; } /* =partial_payment error_message */ .content .partial_payment_information .payment .partial_payment .error_message { color: #F00; } .content .partial_payment_information .payment .partial_payment .error_message { position: absolute; top: 0; left: 77px; width: 184px; } .content .partial_payment_information .payment .partial_payment .error_message { text-align: left; } .content .partial_payment_information .note { font-style: italic; } .content .partial_payment_information .payment dl dt { font-weight: normal; } .content .partial_payment_information .payment dd { text-align: right; } .content .partial_payment_information .total dl dd, .content .partial_payment_information .total dl dt { font-weight: bold; } .content .partial_payment_information .payment dl dd, .content .partial_payment_information .payment dl dd select, .content .partial_payment_information .payment dl dd select option { text-align: right; } .content .partial_payment_information .payment dl.update_partial_payment input { text-decoration: underline; font-weight: normal; } /* =toggle */ .content .payment_options .toggle-trigger { margin: 0px 10px; float: left; width: 549px; padding: 2px 15px 2px 20px; } .content .payment_options .toggle-content { margin: 0px 10px 10px 10px; float: left; width: 584px; border-top: none; } .content .payment_options .toggle-content h4 { display: none; } .content .payment_options .toggle-trigger { background: transparent url('toggler_closed.gif') scroll no-repeat 5px 5px; } .content .payment_options .toggle-trigger.open { background: #f4f4f4 url('toggler_open.gif') scroll no-repeat 5px 5px; } .content .payment_options .toggle-content { background-color: #f4f4f4; } /* =select_end_action_information */ .content .select_end_action_information h4 { margin-bottom: 1em; } .content .select_end_action_information ul.single li { clear: both; float: left; width: 576px; } .content .select_end_action_information ul.single li .fake_slider { float: left; width: 400px; margin-top: 1em; margin-bottom: 2em; } #content .select_end_action_information ul.single li.slider { margin: 0px 0px 0px 55px; width: 500px; } .content .select_end_action_information ul.single li.slider div.ui-slider { width: 285px; margin: 1em 1em 1em; margin-left: 10px; } #content .select_end_action_information input.change { float: left; width: 120px; margin-top: 10px; padding-left: 16px; margin-left: 4px; } .content .select_end_action_information ul.single li.extensions_count { display: none; } .content .select_end_action_information ul.single li.extensions_count { font-size: 1.2em; } .content .select_end_action_information ul.single li.extensions_count .num_extensions_remaining { font-weight: bold; } /* =timeline */ .content .pay_in_full_timeline, .content .partial_payment_timeline { font-size: 0.8em; } .content dl.timeline { float: left; margin-right: 10px; width: 105px; padding-left: 0; } .content dl.labels { display: none; } .content dl.timeline dt, .content dl.timeline dd { display: block; margin: 0; padding: 0; } .content dl.timeline dt { margin-top: -1.5em; padding-bottom: 26px; } .content li.pay_in_full dl.timeline dt { padding-bottom: 26px; } .content dl.timeline { text-align: center; font-size: 1.1em; } .content dl.timeline dd { font-weight: bold; } #content #content_main .select_end_action_information ul.single li.extensions_count { margin-left: 423px; font-size: 1em; } .js .content .select_end_action_information li.pay_in_full dl.timeline dt, .js .content .select_end_action_information dl.timeline dt { margin-top: -2.3em; padding-bottom: 3.75em; } /* =after_contract */ .content .after_contract h1, .content .after_contract h2 { color: #4c4c4c; } .content .after_contract .promo_sms { background: transparent url('after_contract_sprite.gif') scroll no-repeat 0px -50px; } .content .after_contract .survey_promo { background: transparent url('after_contract_sprite.gif') scroll no-repeat 0px 0px; } .content .after_contract { font-size: 1.2em; } .content .after_contract .button { margin-right: 11px; } .content .after_contract fieldset.actions .button { margin-right: 4px; } .content .after_contract_body { margin-bottom: 24px; } .content .after_contract_body h1 { margin-bottom: 16px; } .content .after_contract_dialog_extension { margin-bottom: 0px; } .content .after_contract .promo_sms, .content .after_contract .survey_promo { overflow: visible; height: 50px; padding-left: 66px; } /* =dialog */ #dialog { padding: 16px; } #dialog form fieldset.paydates { border-top: none; } #dialog form fieldset.paydates .fieldset_header { display: none; } /* =dialog paydates */ #dialog form fieldset.paydates ul li .field label span.required { display: none; } /* =ui-widget-overlay */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget-overlay { background: #000000; opacity: .50; filter: Alpha(Opacity=50); } /* =ui-dialog */ .ui-dialog { background: #FFFFFF; color: #4c4c4c; } .ui-dialog { margin-top: 50px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0px 2px 15px #333333; -webkit-box-shadow: 0px 2px 15px #333333; } .ui-dialog-titlebar { -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; padding: 16px; } .ui-dialog-titlebar-close { float: right; width: 12px; height: 12px; overflow: hidden; } .ui-dialog-titlebar-close .ui-icon { display: none; } /* =ui-datepicker */ .ui-datepicker { z-index: 1005; } /* =ui-dialog-titlebar */ .ui-dialog-titlebar { font-weight: bold; font-size: 1.3em; } .ui-dialog-titlebar { background: #ebebeb; color: #4c4c4c; } .ui-dialog-titlebar a, .ui-dialog-titlebar a:link, .ui-dialog-titlebar a:visited { background: #ebebeb; color: #4c4c4c; } .ui-dialog-titlebar a.ui-dialog-titlebar-close, .ui-dialog-titlebar a.ui-dialog-titlebar-close:link, .ui-dialog-titlebar a.ui-dialog-titlebar-close:visited { background: transparent url('dialog_title_close.gif') scroll no-repeat top left; } .ui-dialog-titlebar a.ui-dialog-titlebar-close.ui-state-hover { border: none; } /* =slider */ .ui-slider { -moz-border-radius: 8px; } .ui-slider .ui-widget-header { -moz-border-radius: 8px; } .ui-slider .ui-slider-handle { border: none; width: 17px; height: 23px; margin-left: -8px; -moz-border-radius: 0px; } .content form fieldset ul li.slider { background: transparent url('slider-lines.gif') scroll no-repeat 10px 0px; } .ui-slider { background: #ebeced url('form_button_sprite.gif') scroll repeat-x 0px -410px; } .ui-slider .ui-widget-header { background: #ff9900 url('form_button_sprite.gif') scroll repeat-x top left; } .ui-slider .ui-slider-handle { background: transparent url('slider-handle.gif') scroll no-repeat 50% 100%; } /* =tip */ .partial_payment_link { position: relative; } .content form fieldset.payment_options .partial_payment_link { float: right; width: 150px; } .tip-trigger { height: 10px; width: 10px; padding: 2px; position: absolute; top: -5px; margin-left: 3px; } .tip-trigger { font-size: 0.91em; font-weight: bold; text-decoration: none; text-align: center; line-height: 11px; } .tip-trigger { background: #005954; color: #FFF; } /* =radio_submit */ #content .select_end_action_information li.pay_in_full .fake_slider { background: transparent url('slider_sprite.gif') scroll no-repeat 43px 0px; } #content .select_end_action_information input.change { background: transparent url('radio_sprite.gif') scroll no-repeat 0px 5px; } #content .select_end_action_information li.partial_payment .fake_slider { background: transparent url('slider_sprite.gif') scroll no-repeat 43px -128px; } #content .select_end_action_information input.selected { background: transparent url('radio_sprite.gif') scroll no-repeat 0px -134px; } #content .select_end_action_information ul.single li.extensions_count .num_extensions_remaining { color: #FF9900; } /* =partial_payment_form */ .content form#partial_payment_form fieldset .field { display: inline; } .content form#partial_payment_form fieldset .field select { display: inline; width: auto; } #partial_payment_description { width: 380px; position: absolute; top: 1.6em; left: 204px; } @media screen and (-webkit-min-device-pixel-ratio:0) { body #content form fieldset select { -webkit-appearance: listbox; -webkit-border-radius: 0; -webkit-background-composite: padding; background: #fff url('select_box_arrow.gif') no-repeat right center ! important; padding: 2px 16px 2px 2px; } }