with scrollbars that is the full size of the window. everything inside scrollOuter gets scrolled. header is outside scrollOuter, so isn't affected by the scrollbar. */ position: absolute; top: 0; left: 0; text-align: center; /* center the non-header body on the page */ overflow: scroll; padding-left: 17px; /* make up for scrollbar on right */ width: 100%; height: 100%; } #scrollInner { /* the

that scrolls within scrollOuter */ text-align: left; /* make everything inside aligned left by default */ width: 762px; /* width of content (750px) plus 12px for the background with shaded borders on sides */ background: url(../image/bg_qp.png) repeat-y; /* background image is 762px wide */ padding: 110px 6px 0; /* padding of 110px at top is equal to the height of the header; 6px on right and left equal to the sides of the bg image */ } #header { /* header is the persistent header

outside of scrollOuter, so it isn't affected by scrollOuter's scrollbar */ width: 750px; left: 50%; /* put left edge at center of screen */ margin-left: -375px; /* move to left by half the width to center */ height: 110px; position: absolute; /* remove from flow of document */ top: 0; text-align: left; background-color: #dce1d4; border-bottom: 2px solid #3d6c87; z-index: 10; /* place above other content */ } /* end overall body content */ /* topBar is the dark blue div at the top of the page, which currently has the 'return to agency dashboard' link mainBar is the rest of the header in quote mode mainBarPolicy is the rest of the he3ader in policy mode */ #topBar, #mainBar, form { padding: 0 20px; width: 750px; } #topBar { font-size: .9em; color: #fff; background-color: #3d6c87; padding-bottom: 2px; } #topBar a { color: #fff; } #nameBar { /* this is the section where the name of the applicant appears in the h */ padding: .25em 0em .25em 0em; } #nameBarLeft { float: left; } #nameBarRight { float: right; text-align: right; font-size: .8em; line-height: 1.2em; } #mainBar h2, h3#totalpolicypremium { font-size: 1.2em; font-weight: normal; margin: .3em 0; } #saveIndicator { float: right; position: relative; margin-right: -24px; } /* headers */ h1 { font-size: 1.55em; font-weight: normal; color: #554582; display: inline; margin-right: 1em; line-height: 1.6em;} /* end of headers*/ #saveQuote { float: right; width: 95px; height: 26px; background: url(../image/savequote.gif) no-repeat; text-indent: -5000px; cursor: pointer; margin-right: -3px; } #statusBar .requiredFieldsTally { text-align: left; display: block; clear: both; font-size: .9em; } #premiumBar { float: left; } #statusBar { float: right; } #statusBox { background-color: #eff1ec; border: 1px solid #cccccc; padding: 0 15px 3px; margin: -6px 0em 1px 0em; } #premiumHeader { clear: both; font-size: 1.4em; display: inline; line-height: 2em; color: #554582; text-indent: 9px; } .taxAmount { clear: both; font-size: .9em; display: inline; line-height: 1.7em; margin-left: -12px;} .bestIS { font-weight:bold; clear: both; font-size: 1em; display: inline; line-height: 1.5em; margin-left: 1px; float: left; } .totalVehiclePremium { font-size: 1.1em; font-weight: bold; margin-left: -12px;} #highwayFundFee { clear: both; font-size: 1em; display: inline; line-height: 1.8em; } #SR22Fee { clear: both; font-size: 1em; display: inline; line-height: 1.8em; } #PolicyFee { clear: both; font-size: 1em; display: inline; line-height: 1.8em; } .writtenPremium { font-size: 1em; font-weight: bold; float: left; margin-left: -12px; } #premiumTotalCalc.outOfDate { color: red; } #premiumDollars { text-align: left; font-size: 1.3em; font-weight: bold; line-height:1.4em;} #premiumCents { text-align: left vertical-align: text-top; font-size: 1em; } #premiumCalcButton { width: 44px; height: 26px; background: url(../image/rate_disabled.gif) no-repeat; text-indent: -5000px; cursor: default; /* float: right; margin-right: 20px; margin-top: .25em; */ } #premiumCalcButton.on { background: url(../image/rate.gif) no-repeat; cursor: pointer; } #premiumRecalcButton { width: 92px; height: 23px; background: url(../image/recalculate_disabled.gif) no-repeat; text-indent: -5000px; cursor: default; /* float: right; margin-right: 20px; */ } #premiumRecalcButton.on { background: url(../image/recalculate.gif) no-repeat; cursor: pointer; } .issueEndorsementButton { width: 147px; height: 26px; background: url(../image/issue_endorsement.gif) no-repeat; text-indent: -5000px; float: right; cursor: pointer; } .issueEndorsementButton.off { width: 147px; height: 26px; background: url(../image/issue_endorsement_disabled.gif) no-repeat; text-indent: -5000px; float: right; cursor: default; } #performEndorsementButton { width: 147px; height: 26px; background: url(../image/start_endorsement.gif) no-repeat; text-indent: -5000px; cursor: pointer; } #performEndorsementButton.on { width: 147px; height: 26px; background: url(../image/start_endorsement_active.gif) no-repeat; cursor: pointer; } #performEndorsementButton.off { width: 147px; height: 26px; background: url(../image/start_endorsement_disabled.gif) no-repeat; cursor: default; } #endorsementRecalcButton { width: 44px; height: 26px; background: url(../image/rate_disabled.gif) no-repeat; text-indent: -5000px; cursor: default; } #endorsementRecalcButton.recalcOn { width: 44px; height: 26px; background: url(../image/rate_active.gif) no-repeat; cursor: pointer; } #startEndorsementButton { width: 147px; height: 26px; background: url(../image/start_endorsement.gif) no-repeat; text-indent: -5000px; cursor: pointer; } #startEndorsementButton.on { width: 147px; height: 26px; background: url(../image/start_endorsement_active.gif) no-repeat; cursor: pointer; } #startEndorsementButton.off { width: 147px; height: 26px; background: url(../image/start_endorsement_disabled.gif) no-repeat; cursor: default; } #functionBar { } #smallFunctions { text-align: right; font-size: .8em; display: none; } #smallFunctions a { margin-left: 1em; } .issuePolicyButtonOff { /* float: right; display: block; */ background: url(../image/issuepolicy_disabled.gif) no-repeat; width: 101px; height: 26px; text-indent: -5000px; cursor: default; font-size: 1px; line-height: 1px; } .issuePolicyButtonOn { /* float: right; display: block; */ background: url(../image/issuepolicy.gif) no-repeat; width: 101px; height: 26px; text-indent: -5000px; cursor: pointer; font-size: 1px; line-height: 1px; } /* #issuePolicyButton.on:hover { background: url(../image/issuepolicy_hover.gif) no-repeat; width: 101px;height: 236px;margin-top: .5em;margin-right: -.55em;} */ /* begin endorsement header styles */ #mainBarPolicy { padding: 8px 20px; } #nameBarLeftPolicy { float: left; width: 45%; } table#nameBarPolicyTable { margin-top: 5px; } table#nameBarPolicyTable td { padding-right: .5em; font-size: 69%; line-height: 1.4em; color: #333; } #currentPremium, #currentPremiumData { font-size: 1.3em; font-weight: bold; } #endorsementBar { float: right; width: 45%; text-align: right; line-height: 1.8em; } #effectiveDateEndorsement { font-size: .9em; margin-left: -5px;} .endorsementHeader { font-size: 1.2em; color: #554582; } .smallLink { font-size: .8em; } /* end endorsement header styles */ dl { margin: 1em 0; } dt, dd { clear: both; } dt { background: url(../image/dt_bg.gif) top right no-repeat; padding: .3em 20px .3em 0; border: solid #bcbbbf; border-width: 0 0 1px 1px; font-size: .8em; } dt.clickable { cursor: pointer; } dt.sub { background: #fff none; border-right-width: 1px; padding-left: 14px; } .arrow { width: 21px; text-align: center; text-decoration: none; float: left; z-index: 2; font-size: 2em; color: #01526f; } dt h2 { font-weight: normal; font-size: 1.45em; float: left; position: relative; color: #01526f; } dt.sub .arrow { font-size: 1.5em; } dt.sub h2 { font-size: 1.2em; } dt h2.noarrow { left: 21px; padding-right: 21px; } dt a.small { float: left; padding-left: 2em; font-size: .9em; } .requiredFieldsTally { text-align: right; font-size: 1.1em; } .quote, .issue { font-size: 1.3em; font-weight: bold; line-height: 2em; color: #FFFFFF; } .quote { background: url(../image/counters/quote_tl.gif) no-repeat top left;} .quote span { background: url(../image/counters/quote_tr.gif) no-repeat top right; } .quote span span { background: url(../image/counters/quote_bl.gif) no-repeat bottom left; } .quote span span span { background: url(../image/counters/quote_br.gif) no-repeat bottom right; } .issue { background: url(../image/counters/policy_tl.gif) no-repeat top left; } .issue span { background: url(../image/counters/policy_tr.gif) no-repeat top right; } .issue span span { background: url(../image/counters/policy_bl.gif) no-repeat bottom left; } .issue span span span { background: url(../image/counters/policy_br.gif) no-repeat bottom right; margin-left: 1em; } .quote span span span, .issue span span span { width: 2.2em; text-align: center; line-height: 1.5em; } .rfqText { color: #3d7e05; font-weight: bold; } .rfiText { color: #006699; font-weight: bold; } dd { background-color: #fff; border: solid #b9bbba; border-width: 0 1px 1px 1px; padding: 1em 20px; display: none; visibility: none; } dd.visible { display: block; visibility: visible; } dd p { margin-bottom: 1em; } .twoColumns .column { clear: right; float: left; width: 43%; padding-right: 7%; } .twoColumns .narrowColumn { clear: right; float: left; width: 30%; padding-right: 10%; text-align:right; } .twoColumns .wideColumn { clear: right; float: left; width: 65%; } .threeColumns .column { clear: right; float: left; width: 31%; padding-right: 11%; } .policybillingtwoColumns .narrowColumn { clear: right; float: left; width: 40%; padding-right: 5%; } .policybillingtwoColumns .wideColumn { clear: right; float: left; width: 55%; } .fourColumns .column { clear: right; float: left; width: 22%; padding-right: 3%; } .fourColumns .wideColumn { clear: right; float: left; width: 25%; padding-right: 3%; } .fourColumns .narrowColumn { clear: right; float: left; width: 19%; padding-right: 3%; } input.text, select { /* width: 90%; */ border: 1px solid #bbbcbf; font-size: 1.1em; color: #333333; margin-left: 15px; margin-top: -3px; margin-bottom: -3px; padding-left: 4px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } input.radiotext { border: 1px solid #bbbcbf; color: #333333; font-size: 1.1em; } input.stateselect { border: 1px solid #bbbcbf; width: 60px; margin-left: 15px; color: #333333; padding-left: 4px; font-size: 1.1em; } input.zip { border: 1px solid #bbbcbf; width: 50px; margin-left: 15px; color: #333333; padding-left: 4px; font-size: 1.1em; } input.dob { border: 1px solid #bbbcbf; width: 80px; margin-left: 15px; color: #333333; padding-left: 4px; font-size: 1.1em; } input.ssn { border: 1px solid #bbbcbf; width:90px; margin-left: 15px; color: #333333; padding-left: 4px; font-size: 1.1em; } select { width: 85%; } label { text-indent: -5px; padding-left: 22px; margin-left: 18px; color: #000; font-size: 105%; } label.fixedwidth120 { width: 120px; } label.fixedwidth160 { width: 160px; } label.fixedwidth165 { width: 165px; } label.fixedwidth175 { width: 175px; } fieldset { color: #333333; font-weight: normal; background: none; border: none; } fieldset.subsection { border: 1px solid #E1E1E1; margin-bottom: 10px; padding: 3px;} legend { font-size: 85%; font-weight: bold;} .subsection legend { padding: 4px 2px 4px 2px; font-size: 110%; color: #344148; font-weight: bold; } table.formsection { width: 666px; } table.formsection td { /* padding-right: 10px; padding-top:10px; padding-bottom:10px; */ padding-left: 10px; width: 50%; vertical-align: top; } table.formsection td+td { padding-right: 0; width: 50%; } div .singleField, .requiredForQuote, .requiredForPolicy { padding: 4px 5px 4px 0px; } #coverage label { font-size: .8em;} .requiredForQuote label { color: #3d7e05; font-weight: bold; background: url(../image/star_quote.gif) left 3px no-repeat; border-width:0px;} .submittedForQuote label { color: #3d7e05; font-weight: bold;} .requiredForPolicy label { font-weight: bold; background: url(../image/star_issue.gif) left 3px no-repeat; border-width:0px; color: #006699;} input.radio { margin-bottom: 0em; margin-top: 0em; margin-right: 0em; line-height: .4em; font-size: .9em} input.checkbox { margin-left: 15px; } input.smartPick, ul.smartPick { font-size: 1.1em; border: 1px solid #bbbcbf; margin-left: 15px; color: #333333; padding-left: 4px; } input.smartPick { background: url(../image/smartpick_arrow.gif) right center no-repeat; cursor: pointer;} ul.smartPick, ul.smartPick li { padding: 0; line-height: 1em; } ul.smartPick { list-style: none; border-top: none; position: absolute; z-index: 5; background-color: #fff; } ul.smartPick li { margin: 0; padding: 0; display: block; cursor: pointer; margin-left: 4px;} ul.smartPick li.selected { color: #fff; background-color: #407d93; font-size:1em; margin-left: 4px;} input.focus { background-color: #ff9; } .error label { color: #cc0000; font-weight: bold; background: url(../image/star_error.gif) left 3px no-repeat; } .error input, .error select { border-color: #cc0000; border-width:30px; color: #000; border: 2px #cc0000 solid; background-color: #f4eaea; } .valid label { background: none; } #footer { margin-top: .1em; border-top: 2px solid #5b92a6; padding: .7em 20px; background: url(../image/footer_logo.gif) right top no-repeat; } #footer a { display: block; background: url(../image/footer_arrow.gif) left bottom no-repeat; padding: 0 0 8px 7px; margin-left: -7px; } #greyBG { width: 100%; height: 100%; z-index: 15; top: 0; left: 0; position: fixed; background-color: #000; opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); } /* fix for ie */ * html #greyBG { position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px'); } table.form td { padding: 4px 25px 4px 5px;} table.formbilling td { padding: 3px 5px 3px 5px;} /* Style for new billing */ table.billing { border-collapse: collapse; margin-left: 10px; } th, td { font-weight: normal; border: 0; text-align: left; padding: 3px 0; vertical-align: top; } table.billing thead th { font-size: 1.4em; text-transform: uppercase; } table.billing tbody th { font-weight: bold; } table.billing tbody td { padding-left: px; } /* end fo style for new billing */ table.coverages { width: 100%; } table.coverages th, table.coverages td { height: 2em; padding: 5px; } table.coverages thead th, table.coverages tfoot th { font-size: .9em; font-weight: bold; color: #554582; } table.coverages select { width: 100%; margin: 0; } table.coverages td { text-align: right; } table.coverages tfoot td { font-size: .9em; font-weight: bold; } table.altcolor { background-color: #ebefe7; } .billhighlight { background-color:#EBEFE7; margin: 0em; padding: 0em;} .billingThreeColumns .column { clear: right; float: left; width: 30%; padding-right: 10%; } .billHeader { clear: both; font-size: 1.4em; display: inline; line-height: 1.8em; color: #554582; margin-left: 8px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;} .underwriting { clear: both; font-size: 1.4em; display: inline; line-height: 1.8em; color: #554582; margin-left: 3px; margin-bottom: 0px; margin-right: 0px; margin-top: -7px;} #additionalInfo { font-size: 1.4em; color: #554582; margin-left: 10px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;} .premiumhighlight { background-color:#EBEFE7; padding: 7px;} .highlight { background-color:#EBEFE7; padding: 10px; margin: 3px 5px 3px 5px ;} #confirmWindow { z-index: 20; position: absolute; margin-left: -174px; top: 30%; width: 347px; left: 50%; } #confirmWindowTop { background: url(../image/confirmation_top.png); width: 347px; height: 25px; } * html #confirmWindowTop { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/confirmation_top.png', sizingMethod='scale'); } #confirmWindowTop .closeX { float: right; margin: 12px 30px 0 0; position: relative;} #confirmWindowMiddle { background: url(../image/confirmation_middle.png); padding: 15px 40px 15px 20px; text-align: left; width: 347px; } * html #confirmWindowMiddle { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/confirmation_middle.png', sizingMethod='scale'); } #confirmWindowBottom { background: url(../image/confirmation_bottom.png); width: 347px; height: 35px; } * html #confirmWindowBottom { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/confirmation_bottom.png', sizingMethod='scale'); } #infoWindow { z-index: 20; width: 355px; position: absolute; } #infoWindowTop { background: url(../image/help_top.png); width: 355px; height: 35px; } * html #infoWindowTop { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/help_top.png', sizingMethod='scale'); } #infoWindowTop .closeX { float: right; margin: 12px 30px 0 0; position: relative; } #infoWindowMiddle { background: url(../image/help_middle.png); padding: 15px 40px 15px 20px; text-align: left; width: 355px; } * html #infoWindowMiddle { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/help_middle.png', sizingMethod='scale'); } #infoWindowBottom { background: url(../image/help_bottom.png); width: 355px; height: 30px; } * html #infoWindowBottom { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/help_bottom.png', sizingMethod='scale'); } #vehicle { clear: both; font-size: 1.2em; display: inline; line-height: 1.6em; color: #554582; padding-left: 7px } #date{ color: #000; font-weight: normal; font-size: .7em; background: none;} .backgroundColorHeader { background-color:#EBEFE7; font-size: .8em; padding-top: 1px; padding-left: 1px; padding-bottom: 1px; padding-right: 1px; margin-left: -5px; margin-top: 0em; margin-bottom: 0em; margin-right: 0em;} #processdate{ color: #000; font-weight: normal; font-size: .8em; background: none; float:left;} #underwritingText{ color: #000; font-weight: normal; font-size: 8px; background: none; float:left;} #time { color: #000; font-weight: normal; background: none;} #directBill { color: #000; font-weight: normal; background: none; font-size:9px} #billoverview table { margin-left: 10px; width: 100%; } #billoverview td { color: #000; font-size: 70%; line-height: 1.4em; } .windowMessage{ padding-top: 7px; font-size: 12px; } label.indentedHighlightText { clear: both; display: block; font-weight: bold; line-height: 1.4em; text-indent: 10px; } input.disabled { border:0px; font-size: 1.1em; color: #666666; background-color:#eeeeee; margin-left: 13px; margin-top: -15px; margin-bottom: -3px; padding-left: 4px;} .vehicle { font-size: 1.1em; font-weight: bold; color: #554582; display: inline; line-height:2em;} .rate { width: 44px; height: 26px; background: url(../image/rate_disabled.gif) no-repeat; cursor: default; display: block; float: left; text-indent: -5000px; } .rateon { background: url(../image/rate.gif) no-repeat; cursor: pointer; } .rateon:hover { background: url(../image/rate_active.gif) no-repeat; } .ratewithmvr { width: 193px; height: 26px; background: url(../image/rate_w_mvr_disabled.gif) no-repeat; cursor: default; display: block; float: left; text-indent: -5000px; } .ratewithmvron { background: url(../image/rate_w_mvr.gif) no-repeat; cursor: pointer; } .ratewithmvron:hover { background: url(../image/rate_w_mvr_active.gif) no-repeat; } h6 { font-size:1em; font-weight:bold; background-color: #f0f2f5; border: 1px solid #71756c; padding: 1px 0px 1px 5px; } .addCoapplicant { width: 135px; height: 26px; background: url(../image/addcoapplicant.gif) no-repeat; text-indent: -5000px; display: block; float: right; } .addCoapplicant:hover { background: url(../image/addcoapplicant_hover.gif); } .addCoapplicant:active { background: url(../image/addcoapplicant_active.gif); } .addDriver { width: 158px; height: 26px; background: url(../image/addadditional_driver.gif) no-repeat; text-indent: -5000px; display: block; float: right; } .addDriver:hover { background: url(../image/addadditional_driver_hover.gif); } .addDriver:active { background: url(../image/addadditional_driver_active.gif); } .addVehicle { width: 165px; height: 26px; background: url(../image/addadditional_vehicle.gif) no-repeat; text-indent: -5000px; display: block; float: right; } .addVehicle:hover { background: url(../image/addadditional_vehicle_hover.gif); } .addVehicle:active { background: url(../image/addadditional_vehicle_activ.gif); } .addInterestedParty { width: 158px; height: 26px; background: url(../image/addinterested_party.gif) no-repeat; text-indent: -5000px; display: block; float: right; } .addInterestedParty:hover { background: url(../image/addinterested_party_hover.gif); } .addInterestedParty:active { background: url(../image/addinterested_party_active.gif); } ol li { margin-left: 40px; padding: 0; } ol label { margin: 0; } h3 { font-size: 1.1em; } #premiumdetails table.billing td { padding-left: 20px; text-align: right; } #premiumdetails table.billing tfoot th, #premiumdetails table.billing tfoot td { font-size: .9em; font-weight: bold; } #underwriting table.billing thead th, #underwriting table.billing thead td { font-size: .8em; text-transform: none; font-weight: bold; white-space: nowrap; padding-right: 10px; } table.fieldsetLayout td { padding-right: 10px; }