/* $Date: 2010-04-28 11:25:11 -0400 (Wed, 28 Apr 2010) $ $Rev: 161 $ $Id: landing.css 161 2010-04-28 14:48:11Z matthew $ Author - Matthew Holmes ---------------------------------------------------------------*/ /********************************************************************* LANDING PAGE CORE *********************************************************************/ /*--------------------------------------------------------------------- LANDING PAGE MASTHEAD ---------------------------------------------------------------------*/ .landing .masthead {height:auto; margin:25px 0 10px 25px;} /*--------------------------------------------------------------------- LANDING PAGE COLUMN LAYOUT ---------------------------------------------------------------------*/ .landing .col_10 {width:42%;margin-right:5px;} /*--------------------------------------------------------------------- LANDING PAGE CONTENT CONTAINER ---------------------------------------------------------------------*/ .landing .content {min-height:450px; padding:5px; border:1px solid #e5e5e5; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; *height:1%; /* IE6+7 ONLY */} /*--------------------------------------------------------------------- LANDING PAGE FORM ---------------------------------------------------------------------*/ .landing .form {height:auto;} .landing .form li {margin:0; padding:0 0 7px 0; _padding:0 0 10px 0;} .landing .form li#amtFS {margin:0 0 0 -10px; _padding:0 0 12px 0;} .landing .form li#amtFS .text {margin:0 2px 0 0; padding:3px 0 0 0; *padding:0; /* IE6+7 ONLY */} .landing .form li#amtFS.error .text {color:#333;} .landing .form li#amtFS label {margin:0 0 0 10px; width:101px; _margin:0; /* IE6 ONLY */} .landing .form li#amtFS input, .landing .form li#emailFS input, .landing .form li#zipCodeFS input, .landing .form .yui-ac input {width:205px;} .landing .form li#borrowerTypeFS select {width:213px;} .landing .form li#cosignerFS .inline {width:100px;} .landing .form li#cosignerFS .inline-elements {clear:none; float:left; width:50px; padding:10px 0 0 0;} .landing .form li#cosignerFS .inline-elements input {margin:0 5px 0 0;} .landing .form li#cosignerFS .inline-elements label {width:20px; margin:-4px 0 0 0; font-weight:normal;} .landing .form li#initialDisbursementFS select, .landing .form li#gradDateFS select {width:104px;} .landing .form li#emailFS {margin:0; padding:0 0 3px 0; *padding:0; /* IE6+7 ONLY */} .landing .form li#optInFS {margin:0 0 0 111px; padding:0 0 7px 0;} .landing .form li#optInFS input.checkbox {float:left; margin-top:1px; *margin:0 0 0 -4px; /* IE6+7 ONLY */} .landing .form #schoolFS label, .landing .form #schoolFS .yui-ac {float:left;} .landing .form #schoolFS .yui-ac {_float:none; _margin:-22px 0 0 0; /* IE6 ONLY */} .landing .form #schoolFS label {margin-top:4px; _margin-right:2px; /* IE6 ONLY */} .landing .form #schoolFS .yui-ac input {margin:0 0 0 5px;} .landing .form label {width:105px; *margin-top:-2px; /* IE6+7 ONLY */ font-size:100%; font-weight:900;} .landing .form label.checkbox-label {width:auto; font-size:90%; font-weight:normal; _margin:1px 0 0 0; /* IE6 ONLY */} .landing .form input.checkbox, .landing .form input.radio {border:0;} .landing .form input, .landing .form select {margin-top:0;} .landing .form .inline {float:left;} .landing .form .error {font-size:100%;} .landing .form .error div {padding-bottom:0;} .landing .form .form-actions {position:relative; *position:static; /* IE6+7 ONLY */ bottom:0; width:auto; padding:20px 0 0 109px; *padding:10px 0 0 109px; background:none;} .landing .form .form-actions * {*position:static; /* IE6+7 ONLY */} .landing .form .form-actions .btn {float:none; margin:0; *margin-top:5px; /* IE6+7 ONLY */} .landing .form .yui-ac-content {width:210px !important; margin-top:-1px; left:110px; _left:-219px; /* IE6 ONLY */} .landing .form .yui-ac-container iframe {_left:-219px; /* IE6 ONLY */} .landing .form #tooltip {display:none;} .landing .form input[type="hidden"] {display:none; /* Fix for FF3.5- which styles hidden inputs */} /*--------------------------------------------------------------------- LANDING PAGE LARGE FORM ---------------------------------------------------------------------*/ .landing .large-form .form {padding:0 15px;} .landing .large-form .form label {font-size:1.2em; width:100%;} .landing .large-form .form li#amtFS label {margin:0\9; /* IE6+7+8 ONLY */ width:100%;} .landing .large-form .form label.checkbox-label {position:relative; top:-1px; top/*\**/:-3px\9; /* IE7+8 ONLY */ *top:-1px; /* IE6+7 ONLY */ font-size:1em; width:90%; color:#0071BC; margin/*\**/:0 0 0 -6px\9; /* IE7+8 ONLY */ *margin:0; /* IE6+7 ONLY */} .landing .large-form .form li {padding:0 0 10px 0;} .landing .large-form .form input, .landing .large-form .form textarea, .landing .large-form .form select {font-size:1.3em; padding:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;} .landing .large-form .inline-elements input, .landing .large-form .inline-elements select, .landing .large-form .inline-elements label {clear:none; float:none; margin-right:0;} .landing .large-form .form li#amtFS {margin:0\9; /* IE6+7+8 ONLY */ _padding:0 0 12px 0; /* IE6 ONLY */} .landing .large-form .form li#amtFS .text {font-size:1.2em; margin-top:7px; position:absolute\9; left:-10px\9; /* IE6+7+8 ONLY */ font-weight:900; *margin-top:11px; /* IE6+7 ONLY */} .landing .large-form .form li#emailFS {padding:0 0 3px 0; *padding:0; /* IE6+7 ONLY */} .landing .large-form .form li#optInFS {margin:0; padding:0 0 12px 0; padding/*\**/: 0 0 7px 0\9; /* IE7+8 ONLY */ *padding:0 0 12px 0; /* IE6+7 ONLY */ margin/*\**/:-10px 0 0 -7px\9; /* IE7+8 ONLY */ *margin:0; /* IE6+7 ONLY */} .landing .large-form .form li#optInFS {margin:2px 0 0 0; *margin:2px 0 0 0; /* IE6+7 ONLY */} .landing .large-form .form li#optInFS input.checkbox {margin:0 7px 0 0; margin:-7px 5px 0 0 \9; *margin:0 2px 0 0; _margin:5px 0 0 0; /* IE6 ONLY */} .landing .large-form .form li#optInFS input.checkbox:focus, .landing .large-form .form li#optInFS input.checkbox:hover {background:none;} .landing .large-form .form li#optInFS label {font-size:1em;} .landing .large-form .form #schoolFS label, .landing .large-form .form #schoolFS .yui-ac {float:none;} .landing .large-form .form #schoolFS label {_height:42px; /* IE6 ONLY */} .landing .large-form .form #schoolFS .yui-ac input {margin:0;} .landing .large-form .form li#amtFS input, .landing .large-form .form li#emailFS input, .landing .large-form .form li#zipCodeFS input, .landing .large-form .form .yui-ac input {width:304px; border-width:3px; border-color:#C2DEEF; border-bottom-color:#E0EAEF; border-right-color:#E0EAEF;} .landing .large-form .form .yui-ac-content {width:320px !important; margin-top:-4px; left:0; -moz-box-shadow:0 3px 10px #999; -webkit-box-shadow:0 3px 10px #999; box-shadow:0 3px 10px #999;} .landing .large-form .form .yui-ac-content li {padding:5px 7px;} .landing .large-form .form .yui-ac-container iframe {_left:0; /* IE6 ONLY */} .landing .large-form .form .form-actions {padding:17px 0 0 0; *padding:10px 0 0 0; /* IE6+7 ONLY */ margin:0 0 0 52px;} .landing .large-form .form-actions .btn .ctn {font-size:20px; padding:10px 12px; background-position:bottom; background-color:#ffead0;} .landing .large-form .form-actions .btn:hover .ctn {background:#fff0dc url("/landing_files/global/btn_bck_hover.png") repeat-x bottom left; color:#d26a15;} .landing .large-form .form-actions .btn:hover span, .landing .large-form .form-actions .btn:active span {border-color:#e78200;} .landing .large-form .form-actions .btn:active {margin:1px 0 0 0;} .landing .large-form .form-actions .btn:active .ctn {background:#fff0dc url("/landing_files/global/btn_bck_click.png") repeat-x top left; color:#d26a15; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .landing .large-form .button-clr-test .form-actions .btn .ctn {background:#cb0000 url("/landing_files/global/btn_bck_click_red.png") repeat-x top left; font-size:20px; color:#fff; padding:10px 12px; background-position:bottom; background-color:#cb0000;} .landing .large-form .button-clr-test .form-actions .btn span, .landing .large-form .button-clr-test .form-actions .btn span {border-color:#cb0000;} .landing .large-form .button-clr-test .form-actions .btn:hover .ctn {background:#cb0000 url("/landing_files/global/btn_bck_hover_red.png") repeat-x bottom left; color:#fff;} .landing .large-form .button-clr-test .form-actions .btn:hover span, .landing .large-form .button-clr-test .form-actions .btn:active span {border-color:#cb0000;} .landing .large-form .button-clr-test .form-actions .btn:active {margin:1px 0 0 0;} .landing .large-form .button-clr-test .form-actions .btn:active .ctn {background:#cb0000 url("/landing_files/global/btn_bck_hover_red.png") repeat-x top left; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /*--------------------------------------------------------------------- LANDING PAGE SEARCH WIDGET ---------------------------------------------------------------------*/ .landing .search-widget {width:auto; margin:0; padding:16px 20px 25px 20px; background:#dfeff9 url("/landing_files/global/search_widget_bkgd.png") bottom left repeat-x; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .landing .search-widget h3 {margin:0 0 15px 0; padding:0 0 14px 0; color:#066fb1; font-size:150%; line-height:1.25em; font-weight:900; border-bottom:1px dotted #5fade1;} /*--------------------------------------------------------------------- LANDING PAGE PRIMARY CONTENT ---------------------------------------------------------------------*/ .landing .primary {margin:0 0 20px 0;} .landing .primary .col_24 {*position:static; /* IE6+7 ONLY */} .landing .primary .col_24 * {*position:static; /* IE6+7 ONLY */} /*--------------------------------------------------------------------- LANDING PAGE SECONDARY CONTENT ---------------------------------------------------------------------*/ .landing .secondary * {*position:static; /* IE6+7 ONLY */} .landing .secondary #top-trust-clster {text-align:center; margin-bottom:20px;} .landing .secondary #top-trust-clster a.bbbonline img {padding-bottom:10px;} .landing .secondary #top-trust-clster img.divider {padding:0 10px 5px 10px;} .landing .secondary .hp-loans22 {width:704px; position:relative; *position:static /* IE6+7 ONLY */;} .landing .secondary .hp-col {float:left; width:346px; margin-right:12px; background:url("/images/containers/hp_loans_bck.png") 0 32px repeat-x;} .landing .secondary .last {margin-right:0;} .landing .secondary .hp-loans22 .hp-content {padding:20px 16px 10px 16px; _padding:0 16px 10px 16px; _margin:-10px 0 0 0;} .landing .secondary .hp-loans22 .hp-col .short-hdr h2 {background:url("/images/containers/hp_loans_hdr.png") 0 0 no-repeat #DEDEDE; padding:3px 0 3px 16px; *padding:10px 0 0 16px; /* IE6+7 ONLY */ _padding:20px 0 0 16px; /* IE6 ONLY */ margin:0; _height:1%; /* IE6 ONLY */} .landing .secondary .hp-loans22 .hp-col .short-hdr h2 a {text-decoration:none; color:#666; font-size:110%;} .landing .secondary .hp-loans22 .hp-col .short-hdr h2 div {width:12px; height:20px; _height:30px; margin:8px 0 0 0; _margin:-10px 0 0 0; /* IE6 ONLY */ padding:0 20px 0 0; background:url("/landing_files/st20_images/hdr_arrow.png") 0 4px no-repeat; float:right;} .landing .secondary #hp-tips {margin-bottom:0; width:707px;} .landing .secondary #hp-tips div#col1 {height:24px; width:80%; float:left; font-weight:bold; padding:2px 0 4px 25px; background:url("/images/containers/hp_tips_lft.png") 0 0 no-repeat #EFEFEF; overflow:hidden;} .landing .secondary #hp-tips div#col1 p {margin:0; font-weight:bold; background:url("/landing_files/st20_images/icon_hp_tips_checkmark.png") 0 0 no-repeat; padding:1px 0 0 18px;} .landing .secondary #hp-tips div#col2 {height:22px; width:13%; float:left; font-weight:bold; color:#0072bc; text-align:right; padding:8px 24px 0 0; background:url("/images/containers/hp_tips_rt.png") 100% 0 no-repeat #EFEFEF; overflow:hidden;} .landing .secondary #hp-tips div#col2 a {font-weight:bold; padding-right:3px;} .landing .secondary #bookmark {margin:20px 0 10px 0;} /*--------------------------------------------------------------------- LANDING FEATURED LENDERS WELL ---------------------------------------------------------------------*/ .landing .featured-lenders-ctn {*position:static; /* IE6+7 ONLY */} .landing .featured-lenders-ctn .featured-lenders {margin:35px 0 15px 0;} /*--------------------------------------------------------------------- LANDING PAGE PROGESS OVERLAY ---------------------------------------------------------------------*/ .landing #progress {width:500px;} .landing .progress-content p {margin:0 10px 30px 10px;} .landing .progress-img {margin:20px auto 25px auto !important; text-align:center; background-color:#e4f2f9 !important;} /*--------------------------------------------------------------------- LANDING PAGE FOOTER ---------------------------------------------------------------------*/ .landing .footer {*position:static; /* IE6+7 ONLY */} .landing .footer * {*position:static; /* IE6+7 ONLY */} .landing .footer .footer-top {margin-top:0; border-top:0;} /********************************************************************* INDEX 16 STYLES *********************************************************************/ #index16 .search-widget {height:418px;} #index16 .primary .col_14 {height:458px; background:url("/landing_files/index16/wg_content_img.png") 0 0 no-repeat;} #index16 .primary .col_24 p {margin:15px 20px 5px 20px;} /********************************************************************* INDEX 18 STYLES *********************************************************************/ #index18 .search-widget {height:418px;} #index18 .primary .col_14 {height:458px; background:url("/landing_files/index16/wg_content_img.png") 0 0 no-repeat;} #index18 .primary .col_24 p {margin:15px 20px 5px 20px;} /********************************************************************* INDEX 20 STYLES *********************************************************************/ #index20 .search-widget {height:418px;} #index20 .primary .col_14 {height:458px; background:url("/landing_files/st20_images/amadesa_test_quotes.png") 0 0 no-repeat;} #index20 .primary .col_24 p {margin:15px 20px 5px 20px;} #index20 .featured-lenders-ctn .featured-lenders {margin:5px 0 30px 7px;} /********************************************************************* INDEX 22 STYLES *********************************************************************/ #index22 .icon-sprite {background:transparent url("/landing_files/index22/index22_icon_sprite.png") top left no-repeat;} #index22 .primary {_margin:0 0 20px 0;} #index22 .primary .col_10 {width:40%; *width:39%; /* IE6+7 ONLY */} #index22 .primary .col_14 {width:59.25%;} #index22.c-version .masthead {position:relative; width:100%;} #index22.c-version .masthead h1 {position:absolute; top:23px; left:375px; margin:0; text-align:left; font-size:17px; line-height:1em; font-weight:normal; color:#043E79;} #index22.c-version .masthead h1 span {font-weight:900; color:#000;} #index22.school .masthead h1 {color:#000;} #index22.school .search-widget h3 {font-size:15px;} #index22 .sub-msg {position:relative; *position:static; /*IE6+7 ONLY */ clear:both; padding:20px 20px 0 20px;} #index22 .sub-msg * {*position:static; /*IE6+7 ONLY */} #index22 .sub-msg h4 {margin:5px 0 8px 0; color:#000; font-size:12px; line-height:1.5em;} #index22 .sub-msg p {margin:0; color:#666;} #index22 .sub-msg dl {margin:0 0 15px 0; padding:0; clear:both;} #index22 .sub-msg dl.last {margin:0;} #index22 .sub-msg dl dt {float:left; padding:0 10px 0 0;} #index22 .sub-msg dl dd {float:left; width:auto; _padding:0 0 0 1px;} #index22 .sub-msg dl dd h5 {margin:0; font-size:12px; line-height:1.5em; color:#000; font-weight:900;} #index22 .sub-msg dl dd p {font-size:11px; line-height:1.5em; padding:0; margin:0;} #index22 .sub-msg .sub-msg-icon {margin-top:5px; width:30px; height:30px;} #index22 .sub-msg .chart {background-position:0 0;} #index22 .sub-msg .arrow {background-position:0 -33px;} #index22 .sub-msg .star {background-position:0 -66px;} #index22 .sub-msg .lender-logos {width:100%; border:0;} #index22 .sub-msg .lender-logos td {padding:0 15px 0 0; width:100px; border:0;} #index22 .sub-msg .lender-logos td.last {padding:0;} #index22 .sub-msg .more {margin-top:12px; font-size:12px; color:#666;} #index22 .message .promo-img {margin:17px auto; text-align:center; width:560px; height:170px; background:url("/landing_files/index22/four_million_served.png") top center no-repeat;} #index22.c-version .message .promo-img {margin:33px auto 17px auto; height:56px; background:url("/landing_files/index22/four_million_served_c.png") top center no-repeat;} #index22.school .message .promo-img {margin:10px auto 17px auto;} #index22 .message h2 {margin:0 auto; text-align:center; font-size:14px; line-height:1.5em; font-weight:normal; color:#666;} #index22.c-version .message h2 {font-family:"Georgia", Times, serif; margin:15px 0 22px 13px; text-align:center; font-size:16px; line-height:1.8em; font-weight:normal; color:#666;} #index22.c-version .message h2 span {font-family:arial, helvetica, geneva, sans-serif; font-weight:900; color:#066FB1; font-size:24px; line-height:1.25em;} #index22 .feature-tour {margin-top:25px; width:100%;} #index22.c-version .feature-tour {margin-top:18px;} #index22 .feature-tour .col {float:left;} #index22 .feature-tour .screenshots {width:357px; margin:0 3px 0 0;} #index22.c-version .feature-tour .screenshots {margin:0 8px 0 0;} #index22 .feature-tour .screenshots-img {height:303px;} #index22 .feature-tour .tour-nav {width:200px; margin:8px 0 0 0;} #index22.c-version .feature-tour .tour-nav {width:200px; margin:8px 5px 0 0;} #index22 .feature-tour .tour-nav ol {margin:0; padding:0; list-style-type:none;} #index22 .feature-tour .tour-nav ol li {margin:0; _margin:0 0 -10px 0; padding-bottom:0;} #index22 .feature-tour .tour-nav ol li a {position:relative; display:block; padding:12px 12px 12px 50px; font-size:12px; line-height:1.25em; text-decoration:none; font-weight:normal; color:#0072b8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-shadow:1px 1px 1px #fff; -moz-text-shadow:1px 1px 1px #fff; -webkit-text-shadow:1px 1px 1px #fff;} #index22 .feature-tour .tour-nav ol li.on a {color:#5d8115; background-color:#f2f8ea; *outline:none;} #index22 .feature-tour .tour-nav ol li.features-hd h3 {margin:0 0 10px 12px; padding:0; color:#000; font-size:12px; line-height:1em; text-shadow:1px 1px 1px #fff; -moz-text-shadow:1px 1px 1px #fff; -webkit-text-shadow:1px 1px 1px #fff;} #index22.c-version .feature-tour .tour-nav ol li.features-hd h3 {color:#666;} #index22 .feature-tour .tour-nav .tour-nav-icon {position:absolute; top:14px; left:12px; _left:-38px; width:30px; height:30px;} #index22 .feature-tour .tour-nav .icon-one {background-position:0 -98px;} #index22 .feature-tour .tour-nav li.on .icon-one {background-position:0 -133px;} #index22 .feature-tour .tour-nav .icon-two {background-position:0 -168px;} #index22 .feature-tour .tour-nav li.on .icon-two {background-position:0 -203px;} #index22 .feature-tour .tour-nav .icon-three {background-position:0 -238px;} #index22 .feature-tour .tour-nav li.on .icon-three {background-position:0 -273px;} #index22 .feature-tour .tour-nav .icon-four {background-position:0 -308px;} #index22 .feature-tour .tour-nav li.on .icon-four {background-position:0 -343px;} #index22.c-version .featured-lenders-ctn {border-bottom:1px solid #E5E5E5;} #index22.c-version .featured-lenders-ctn .featured-lenders {margin-bottom:35px;} #index22 .sub-content {*position:static; /* IE6+7 ONLY */ padding:34px 24px 0 24px;} #index22 .sub-content h3 {font-size:130%;} #index22 .sub-content h3, #index22 .sub-content p {*position:static; /* IE6+7 ONLY */ margin:0 0 15px 0;} #index22 .sub-content .col {width:289px; margin:0 30px 0 0; float:left;} #index22 .sub-content .last {margin:0;} /********************************************************************* INDEX 23 - STYLES *********************************************************************/ #index23 .icon-sprite {background:transparent url("/landing_files/index23/index23_icon_sprite.png") top left no-repeat;} #index23 .primary {_margin:0 0 20px 0;} #index23 .primary .col_10 {width:40%; margin-right:0;} #index23 .primary .col_14 {width:57.75%;} #index23 .masthead {height:52px; position:relative; width:100%;} #index23 .masthead h1 {position:absolute; top:21px; width:560px; height:29px; margin:0; background:url("/landing_files/index23/can_you_improve_fin_aid_award.png") top left no-repeat;} #index23.d-version .masthead h1 {position:static; width:720px; margin:0; background:none; font-size:2.2em; color:#000; text-shadow:1px 1px 1px #ddd;} #index23 .masthead .brand {position:absolute; top:0; left:748px;} #index23 .search-widget h4 {margin-bottom:15px; margin-top:0; padding-bottom:14px; color:#666; font-size:14px; line-height:20px; font-weight:normal; border-bottom:1px dotted #5fade1;} #index23 .large-form .primary .col_14 {_margin-right:14px; /* IE6 ONLY */} #index23 .sub-msg * {*position:static; /* IE6+7 ONLY */} #index23 .sub-msg {clear:both; padding:20px;} #index23 .sub-msg h4 {margin:0 0 10px 0; color:#000; font-size:12px; line-height:1.5em;} #index23 .sub-msg p {margin:0 0 10px 0; color:#666;} #index23 .sub-msg .share {margin:10px 0 25px 0; padding:10px; font-size:12px; background:#efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; *height:1%; /* IE6+7 ONLY */} #index23 .sub-msg .share h4 {margin:0 0 7px 0; font-size:12px; font-weight:900; color:#4d4d4d;} #index23 .sub-msg .share .at300b {margin:0 3px 0 0;} #index23 .message h2 {margin:0 0 20px 0; font-size:18px; line-height:1.25em; color:#000;} #index23.d-version .message h2 {color:#007034;} #index23 .message .promo-form-box h2 {margin:4px 0 15px 0; color:#00487c;} #index23 .message p {color:#666; margin:0 0 10px 0;} #index23 .message ul, #index23 .message ol {color:#666;} #index23 .message ul strong, #index23 .message ol strong {color:#000;} #index23 .message ul li, #index23 .message ol li {padding:0 0 10px 0;} #index23 .message ul li.last, #index23 .message ol li.last {padding:0;} #index23 .message .promo {margin:15px 0 0 20px;} #index23 .message .promo-content {margin:20px 0 0 0;} #index23 .message .promo-list {margin:0; padding:3px 0 0 30px; list-style:none;} #index23 .message .promo-top {padding:0;} #index23 .message .promo-top p {margin:0;} #index23 .message .promo-top p strong {*line-height:1.3em; /* IE6+7 ONLY */} #index23 .message .promo-top p.last {margin:10px 0 0 0; color:#00487C;} #index23 .message .promo-top img {float:left; margin:0 15px 15px 0;} #index23 .message .promo-list li {padding:0 0 15px 0;} #index23 .message .promo-list li h3 {margin:0 0 12px 0; font-family:"Georgia", Times, serif; font-size:16px; line-height:1.25em; font-weight:normal; color:#000;} #index23 .message .promo-list a.more-link {margin:0 0 0 11px; *margin-top:5px; /* IE6+7 ONLY */ display:block; width:50px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:2em; text-decoration:none; cursor:pointer;} #index23 .message .promo-list li p {margin-bottom:0; font-size:11px;} #index23 .message .promo-list li.promo-list-item {position:relative; *height:1%; /* IE6+7 ONLY */} #index23 .message .promo-list li.promo-list-item .promo-icon {width:20px; height:20px; position:absolute; top:0; left:-30px;} #index23 .message .promo-list li.promo-list-item .one {background-position:0 0; top:-1px;} #index23 .message .promo-list li.promo-list-item .two {background-position:0 -30px;} #index23 .message .promo-list li.promo-list-item .three {background-position:0 -60px;} #index23 .message .promo-list li.promo-list-item .four {background-position:0 -90px;} #index23 .message .promo-list .show-hide {position:relative;} #index23 .message .promo-list .more-up, #index23 .message .promo-list .more-down {width:8px; height:8px; position:absolute; top:3px; left:-10px;} #index23 .message .promo-list .more-up {background-position:0 -120px;} #index23 .message .promo-list .more-down {background-position:0 -137px; top:4px;} #index23 .message .promo-form-box {margin:5px 0 0 20px;} #index23 .message .promo-form-box .left-col {float:left; width:320px; margin:0 20px 0 0;} #index23 .message .promo-form-box .right-col {float:right; width:195px; height:185px;} #index23 .message .promo-form-box #promo-form {position:relative;} #index23 .message .promo-form-box #promo-form label {display:block; font-size:11px; font-weight:900; color:#666; margin:0 0 3px 0;} #index23 .message .promo-form-box #promo-form #emFS {margin:0 0 3px 0;} #index23 .message .promo-form-box #promo-form input#email {border:1px solid #ccc; font-size:14px; padding:3px; width:222px; color:#000;} #index23 .message .promo-form-box #promo-form .optinFS label {font-size:11px; color:#666; font-weight:normal;} #index23 .message .promo-form-box #promo-form .optinFS label a {color:#666;} #index23 .message .promo-form-box #promo-form .optinFS input {margin:2px 5px 0 0; *margin:4px 3px 0 0; _margin:4px 5px 0 0; width:14px; height:14px;} #index23 .message .promo-form-box #promo-form input.promo-form-button {position:absolute; top:22px; *top:26px; left:235px; width:88px; height:25px; border:0; background:transparent url("/landing_files/index23/download_btn.png") no-repeat 0 0; cursor:pointer;} #index23 .message .promo-form-box #promo-form input.promo-form-button:hover {background-position:0 -25px;} #index23 .message .promo-form-box a.promo-button {float:left; display:block; width:88px; height:25px; border:0; background:transparent url("/landing_files/index23/download_btn.png") no-repeat 0 0; cursor:pointer;} #index23 .message .promo-form-box a.promo-button:hover {background-position:0 -25px;} #index23 .message .promo-form-box .download strong {display:block; float:left; color:#000; margin:3px 10px 0 0;} #index23 .message .promo-form-box .screenshot {background:transparent url("/landing_files/index23/pdf_screenshot.png") no-repeat 2px top;} #index23 .message .promo-form-box .screenshot-pr {background:transparent url("/landing_files/index23/pdf_screenshot_pr.png") no-repeat 2px top;} #index23 .st-form-footer-logo {margin:20px 0 0 230px; width:112px; height:33px; background:url("/landing_files/index23/st_form_footer_logo.png") no-repeat 0 0;} #index23.b-version .promo-top img {float:left; margin:10px 30px 20px 0;} #index23.b-version .promo-content h1 {margin:20px 0 27px 0; width:560px; _width:538px; /* IE6 ONLY */ height:45px; background:url("/landing_files/index23/hcera_2010.png") top left no-repeat;} #index23.b-version .promo-content p, #index23.b-version .promo-content ul {color:#666; margin:0 0 20px 0; font-size:17px; line-height:26px;} #index23.b-version .promo-content ul {margin:0 0 20px 15px;} #index23.b-version .promo-content strong {color:#000;} #index23.b-version .promo-form-box #promo-form label {display:block; font-size:11px; font-weight:900; color:#666; margin:0 0 3px 0;} #index23.b-version .promo-form-box #promo-form #emFS {margin:0 0 3px 0;} #index23.b-version .promo-form-box #promo-form input#email {border:1px solid #ccc; font-size:14px; padding:3px; width:340px; color:#000;} #index23.b-version .promo-form-box #promo-form .optinFS label {font-size:11px; color:#666; font-weight:normal;} #index23.b-version .promo-form-box #promo-form .optinFS label a {color:#666;} #index23.b-version .promo-form-box #promo-form .optinFS input {margin:2px 5px 0 0; *margin:4px 3px 0 0; /* IE6+7 ONLY */ _margin:4px 5px 0 0; /* IE6 ONLY */ width:14px; height:14px;} #index23.b-version .promo-form-box #promo-form input.promo-form-button {margin:15px 0 0 221px; width:126px; height:36px; border:0; background:transparent url("/landing_files/index23/download_lg_btn.png") no-repeat 0 0; cursor:pointer;} #index23.b-version .promo-form-box #promo-form input.promo-form-button:hover {background-position:0 -36px;} #index23.b-version .promo-form-box a.promo-button {float:right; display:block; width:126px; height:36px; margin:0; border:0; background:transparent url("/landing_files/index23/download_lg_btn.png") no-repeat 0 0; cursor:pointer;} #index23.b-version .promo-form-box a.promo-button:hover {background-position:0 -36px;} #index23.b-version .promo-form-box .download {margin:0 0 5px 0;} #index23.b-version .promo-form-box .download strong {display:block; float:left; color:#000; font-size:14px; margin:10px 10px 0 0;} #index23.c-version .content {padding:7px 5px 7px 5px; *padding:7px 5px 0 5px;} #index23.c-version .primary {margin:0;} #index23.c-version .promo {margin-bottom:15px;} #index23.c-version .promo-top img {float:left; margin:20px 30px 20px 0;} #index23.c-version .promo-content h1 {margin:22px 0 33px 0; font-size:2.4em; line-height:1em; color:#000; text-align:center;} #index23.c-version .promo-content p, #index23.c-version .promo-content ul {color:#666; margin:0 0 20px 0; font-size:1.5em; line-height:26px;} #index23.b-version .promo-form-box #promo-form input.promo-form-button {margin:15px 0 0 221px; width:126px; height:36px; border:0; background:transparent url("/landing_files/index23/download_lg_btn.png") no-repeat 0 0; cursor:pointer;} #index23.c-version .promo-form-box #promo-form input.promo-form-button:hover {background-position:0 -36px;} #index23.c-version .promo-form-box a.promo-button {float:left; display:block; width:126px; height:36px; margin:3px 0 0 10px; border:0; background:transparent url("/landing_files/index23/download_lg_btn.png") no-repeat 0 0; cursor:pointer;} #index23.c-version .promo-form-box a.promo-button:hover {background-position:0 -36px;} #index23.c-version .promo-form-box .download {margin:0 0 5px 0;} #index23.c-version .promo-form-box .download strong {display:block; float:left; color:#000; font-size:1.1em; margin:12px 0 0 0;} #index23.c-version .promo-form-box .screenshot-pr {background:transparent url("/landing_files/index23/pdf_seven_ways_screenshot_pr.png") no-repeat 2px top;} #index23.c-version .form-testing .form .form-actions {padding:20px 0 0 0; margin:0 0 0 110px;} #index23.c-version .form-testing .form-actions .btn .ctn {font-size:18px; padding:10px 16px; background-position:bottom; background-color:#ffead0;} #index23.c-version .form-testing .form-actions .btn:hover .ctn {background:#fff0dc url("/landing_files/global/btn_bck_hover.png") repeat-x bottom left; color:#d26a15;} #index23.c-version .form-testing .form-actions .btn:hover span, #index23.c-version .form-testing .form-actions .btn:active span {border-color:#e78200;} #index23.c-version .form-testing .form-actions .btn:active .ctn {background:#fff0dc url("/landing_files/global/btn_bck_click.png") repeat-x top left; color:#d26a15; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /********************************************************************* INDEX 24 *********************************************************************/ #index24 .content {min-height:380px;} #index24.b-version .content {min-height:360px;} #index24 .icon-sprite {background:transparent url("/landing_files/index24/index24_icon_sprite.png") top left no-repeat;} #index24 .primary {margin:0;} #index24 .primary .col_10 {width:40%; margin-right:0;} #index24 .primary .col_14 {width:55.85%; *width:58%; /* IE6+7 ONLY */ margin-right:20px; *margin-right:0;} #index24.c-version .primary .col_14 {margin-right:0; *width:58%; /* IE6+7 ONLY */} #index24 .sub-msg {position:relative; *position:static; /* IE6+7 ONLY */ clear:both; padding:20px 20px 0 20px;} #index24 .sub-msg * {*position:static; /* IE6+7 ONLY */} #index24 .sub-msg .share {padding:10px; font-size:12px; background:#efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; *height:1%; /* IE6+7 ONLY */} #index24 .sub-msg .share h4 {margin:0 0 7px 0; font-size:12px; font-weight:900; color:#4d4d4d;} #index24 .sub-msg .share .at300b {margin:0 3px 0 0;} #index24 .search-widget {height:340px;} #index24.b-version .search-widget {height:320px; _height:340px; /* IE6 ONLY */} #index24.school .search-widget {height:375px;} #index24 .message {padding:0 0 0 20px;} #index24.c-version .message {padding:0 0 0 30px; *padding:0 0 0 20px; /* IE6+7 ONLY */} #index24.c-version .message .col_11 {width:43%; padding:0 0 0 20px; *padding:0 0 0 10px; /* IE6+7 ONLY */} #index24 .message .col_10 {width:44%;} #index24 .message .col_14 {width:52%;} #index24.c-version .message .col_13 {width:51%; *padding:0 0 0 10px; /* IE6+7 ONLY */} #index24 .message h1 {margin:15px 0 25px 0; *margin:15px 20px 25px 0; /* IE6+7 ONLY */ font-size:28px; line-height:1.25em; color:#000; text-align:center;} #index24.c-version .message h1 {*margin:15px 20px 25px 13px; /* IE6+7 ONLY */} #index24 .message h1 span.school-name {font-family:"Georgia", Times, serif; font-size:24px; line-height:1.25em; font-weight:normal; color:#4c4c4c} #index24 .message h2 {position:relative; *width:515px; /* IE6+7 ONLY */ margin:0 0 30px -25px; padding:8px 10px 12px 30px; *padding:8px 10px 12px 40px; /* IE6+7 ONLY */ font-size:24px; line-height:1em; color:#fff; background-color:#0073C1; text-align:center;} #index24.c-version .message h2 {margin:0 0 30px -10px; *right:-10px; /* IE6+7 ONLY */ width:556px; padding:8px 10px 12px 0;} #index24.b-version .message h3 {_margin:0; /* IE6 ONLY */} #index24 .message h2 .arrow-end {position:absolute; top:0; right:-20px; width:20px; height:44px; background:transparent url("/landing_files/index24/arrow_end.png") top left no-repeat;} #index24.c-version .message h2 .arrow-end {position:absolute; top:0; left:-20px; width:20px; height:44px; background:transparent url("/landing_files/index24/arrow_end_left.png") top left no-repeat;} #index24 .message p, #index24 .message ul {color:#666; margin:0 0 20px 0; font-size:18px; line-height:26px;} #index24 .message ul {margin:0 0 20px 15px;} #index24 .message strong {color:#000;} #index24 .message .promo-list {margin:25px 0 0 0; padding:3px 0 0 37px; list-style:none;} #index24.b-version .message .promo-list li {font-size:20px;} #index24 .message .promo-list li {padding:0 0 32px 0; font-size:17px; color:#000;} #index24 .message li.promo-list-item {position:relative; *height:1%; /* IE6+7 ONLY */} #index24 .message li.promo-list-item .promo-icon {width:20px; height:20px; position:absolute; top:-2px; left:-32px;} #index24.b-version .message li.promo-list-item .promo-icon {top:-3px;} #index24 .message li.promo-list-item .one {background-position:0 0; top:-3px;} #index24.b-version .message li.promo-list-item .one {top:-4px;} #index24 .message li.promo-list-item .two {background-position:0 -30px;} #index24 .message li.promo-list-item .three {background-position:0 -60px;} #index24 .message li.promo-list-item .four {background-position:0 -90px;} #index24.b-version .logo-quad h3 {margin:0 0 30px 0; color:#999; font-weight:normal;} #index24.b-version .logo-quad p {margin:8px 0 0 0; color:#000; font-size:100%;} #index24 .sub-content {*position:static; padding:20px 30px 10px 30px; *margin:20px 0 0 0; /* IE6+7 ONLY */ *padding:0 10px 10px 30px; /* IE6+7 ONLY */ border-bottom:1px solid #e5e5e5; *height:1%;} #index24.b-version .sub-content {padding:30px 30px 10px 30px; *padding:10px 30px 10px 30px; /* IE6+7 ONLY */} #index24 .sub-content h3 {font-size:110%; color:#0071BC;} #index24 .sub-content h3, #index24 .sub-content p {margin:0 0 15px 0; *position:static; /* IE6+7 ONLY */} #index24 .sub-content ul {*position:static; /* IE6+7 ONLY */} #index24 .sub-content .col {width:285px; *width:296px; /* IE6+7 ONLY */ margin:0 30px 0 0; float:left;} #index24 .sub-content .last {margin:0;} #index24 .large-form .primary .col_14 {*margin-right:0; /* IE6+7 ONLY */ _margin-right:-1px; /* IE6 ONLY */} #index24 .large-form .message {z-index:10;} #index24 .large-form .message h2 {position:relative; width:562px; padding:8px 10px 12px 15px; *width:546px; /* IE6+7 ONLY */ *padding:8px 10px 12px 30px; /* IE6+7 ONLY */} #index24 .large-form .search-widget {height:350px; z-index:9; _padding:16px 17px 25px 17px; _width:347px; /* IE6 ONLY */} #index24 .large-form .search-widget h3 {font-size:1.8em; padding:0; margin:5px 0 13px 15px; border-bottom:0;} /********************************************************************* INDEX 26 **********************************************************************/ #index24.index26a .large-form .form {*z-index:2; /* IE6+7 ONLY */} #index24.index26a .large-form .form-actions {margin:0; height:47px; *padding-left:117px; /* IE6+7 ONLY */} #index24.index26a .large-form .form-actions button {position:relative; left:117px; *position:static; *top:5px; /* IE6+7 ONLY */} #index24.index26a .large-form .form-actions button .ctn {font-size:18px;} #index24.index26a .large-form .bbb-ctn {position:relative;} #index24.index26a .large-form .bbb-ctn .bbblogo {position:absolute; left:16px; top:-41px; width:90px; height:34px; margin:0; background:transparent url("/landing_files/index26/bbb_logo.png") no-repeat top left; *top:-35px; /* IE6+7 ONLY */ _top:-39px; /* IE6 ONLY */} #index24.index26b .large-form .form-actions {margin:0; height:47px; *padding-left:254px; /* IE6+7 ONLY */} #index24.index26b .large-form .form-actions button {position:relative; left:254px; *position:static; *top:5px; /* IE6+7 ONLY */} #index24.index26d .large-form .message h2 {margin-bottom:0;} #index24.index26d .message-img {margin-left:-19px; width:573px; height:272px; background:#fff url("/landing_files/index26/index26d_bkgd.jpg") no-repeat top left;} #index24.index26e .message h3, #index24.index26e .message p {margin:0 0 20px 0; color:#666; font-weight:normal; font-size:1.4em;} #index24.index26e .message p {margin-left:355px;} #index24.index26e .message p strong {color:#666;} #index24.index26e .message-img {margin:0 0 20px 0; width:506px; height:124px; background:#fff url("/landing_files/index26/index26e_bkgd.png") no-repeat top left;} /********************************************************************* LENDINGTREE STYLES *********************************************************************/ #index24.lendingtree {width:949px;} #index24.lendingtree .masthead {margin:20px 0; *height:1%; /* IE6+7 */} #index24.lendingtree .masthead .brand {float:left;} #index24.lendingtree .masthead .back-link {float:right; padding:14px 0 0 0;} #index24.lendingtree .masthead .back-link a {color:#666;} #index24.lendingtree .repeat-bkgd {background:url(/landing_files/lendingtree/lendingtree_repeat_bkgd.png) repeat-y top left;} #index24.lendingtree .content {border-color:#d6d6d6; background:url(/landing_files/lendingtree/lendingtree_bkgd.jpg) no-repeat top left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} #index24.lendingtree .content .col_16 {width:64.35%; *z-index:1; *width:64%; /* IE6+7 */} #index24.lendingtree .content .col_8 {width:33.5%; margin:0; *z-index:0; /* IE6+7 */} #index24.lendingtree .message {padding:40px 0 0 0;} #index24.lendingtree .message h1 {margin-bottom:15px; position:relative; left:100px; color:#146fc2; font-size:2.5em; text-shadow:1px 1px 0 #3A6E00; *left:107px; /* IE6+7 */} #index24.lendingtree .message h1.call-to-action {margin:0 0 12px 0; left:158px; z-index:2; width:488px; height:96px; background:transparent url(/landing_files/lendingtree/lendingtree_calltoaction.png) no-repeat top left;} #index24.lendingtree .message ul {position:relative; left:205px; font-family:"Century Gothic",arial,helvetica,sans-serif;} #index24.lendingtree .message ul li {color:#146fc2; font-weight:900; font-size:.85em; line-height:22px;} #index24.lendingtree .large-form .search-widget {height:352px; padding:18px 15px 15px 17px; border:1px solid #c0c0c0; background-image:none; background:#efefef; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ffffff)); background: -moz-linear-gradient(top, #e4e4e4, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff')\9; filter: alpha(opacity = 100)\9; /* IE6+7+8 */ *width:283px; /* IE6+7 ONLY */ _width:281px; /* IE6 ONLY */} #index24.lendingtree .large-form .form label {color:#282828;} #index24.lendingtree .large-form .form li#optInFS label {font-size:11px;} #index24.lendingtree .large-form .form li#amtFS input, #index24.lendingtree .large-form .form li#emailFS input, #index24.lendingtree .large-form .form li#zipCodeFS input, #index24.lendingtree .large-form .form .yui-ac input {width:235px; color:#146fc2; border-width:1px; border-color:#b1b1b1; border-bottom-color:#dbdada; border-right-color:#dbdada; width:234px\9; /*IE 6+7+8 */} #index24.lendingtree .large-form .form input:hover, #index24.lendingtree .large-form .form input:focus {background-color:#e1edf7;} #index24.lendingtree .large-form .form .checkbox-label {width:220px\9; /*IE 6+7+8 */ *width:auto; /*IE 6+7 override */} #index24.lendingtree .large-form .form .yui-ac-content {width:246px !important;} #index24.lendingtree .large-form .form .yui-ac-highlight {background-color:#146fc2;} #index24.lendingtree .large-form .form-actions {margin:0 0 0 39px; padding:8px 0 0 0; *padding:0;} #index24.lendingtree .large-form .btn span {border:0;} #index24.lendingtree .large-form .btn .ctn {width:173px; height:51px; padding:0; background:transparent url("/landing_files/lendingtree/lendingtree_form_button.png") no-repeat top left; -webkit-box-shadow:none; -moz-box-shadow:none;} #index24.lendingtree .millions-served {border-bottom:1px solid #eaeaea; *position:static; /* IE6+7 */} #index24.lendingtree .millions-served * {*position:static; /* IE6+7 */} #index24.lendingtree .millions-served h2 {margin:15px 0 0 0; color:#146fc2; font-size:2.2em; text-shadow:1px 1px 0 #3A6E00;} #index24.lendingtree .millions-served h2 .text {float:left; padding:8px 0 0 0;} #index24.lendingtree .millions-served h2 .four-million {padding:0; width:299px; height:91px; background:transparent url(/landing_files/lendingtree/four_million_served.png) no-repeat top center;} #index24.lendingtree .sub-content h3 {color:#146fc2;} /********************************************************************* CERT PRIVATE LOANS STYLES *********************************************************************/ #certprivate .masthead .right-content {position:absolute; top:0; left:250px; border-left:1px solid #EFEFEF; padding:15px 0 0 10px; height:45px;} #certprivate .search-widget {height:338px; border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0;} #certprivate .primary {_margin:0 0 20px 0;} #certprivate .primary .col_10 {width:40%;} #certprivate .primary .col_14 {width:59.25%; height:378px; background:url("/landing_files/st20_images/pc_bck.jpg") -9px 0 no-repeat;} #certprivate .primary .col_14 p {position:absolute; top:163px; left:30px; color:#FFFFFF; font-size:160%;} /********************************************************************* FULL PAGE PARTNER STYLES *********************************************************************/ .full-page-partner {margin-top:20px;} .full-page-partner h1 {margin:10px 30px 5px 20px; padding:0 0 10px 0; border-bottom:1px dotted #5fade1;} .full-page-partner .content {min-height:400px; border:0; background:url("/landing_files/st20_images/670_blue_gradient_bck.gif") 0 0 no-repeat; width:768px; height:437px;} .full-page-partner .search-widget {background:none;} .full-page-partner .primary {margin:0;} .full-page-partner .secondary {margin:0 0 0 -5px; padding:25px 20px 20px 20px; background:url("/landing_files/st20_images/670_gray_gradient_bck.gif") 0 0 no-repeat; width:767px; height:381px;} .full-page-partner .secondary * {*position:static; /* IE6+7 ONLY */} .full-page-partner .secondary .col_12 h2 {margin:0 0 10px 0; color:#00417c; top:0; font-size:1.0em; line-height:1em;} .full-page-partner .secondary .col_12 .orange-bullets {padding:0 0 1px 12px; background:url("/landing_files/st20_images/sq_bullet.png") 0 60% no-repeat; color:#00417c;} .full-page-partner .secondary .col_12 .orange-bullets span {font-weight:bold;} /********************************************************************* SCALE STYLES *********************************************************************/ #index_scale .search-widget {height:392px;} #index_scale .primary .col_10 {width:39.45%;} #index_scale .primary .col_14 {width:60%; height:432px; background:url("/landing_files/scale/scale_testimonial.png") 0 0 no-repeat;} #index_scale .primary .col_24 p {margin:15px 20px 5px 20px;} #index_scale .featured-lenders-ctn .featured-lenders {margin:5px 0 30px 7px;}