/* --------------------------------------------- South Carolina Student Loan Screen Style Sheet author: Cyberwoven version: 05.27.2008 (jb) ----------------------------------------------- */ /* BlueprintCSS Framework ----------------------------------------------- */ @import url(blueprint/screen.css); /* See the grid: Uncomment the line below to see the grid and baseline. */ /*.container {background:url(blueprint/grid.png);}*/ body {margin:0; padding-bottom:30px; font-size:12px; line-height:16px; font-family:Arial, Verdana, sans-serif; background:url(../images/bodybg.gif) no-repeat center 100px; color:#222;} a {color:#0058B0; text-decoration:none;} /*a:visited {color:#034158;}*/ a:hover {text-decoration:underline;} p {font-weight:normal;} table, tr, td {background:none; border:none; margin:0; padding:0;} em {background:none;} /* Layout Blocks ----------------------------------------------- */ .container {position:relative; background:url(../images/footerbot.gif) no-repeat bottom; margin-bottom:50px; padding-bottom:20px;} a.skiplink {display:none;} h1.logo {background:url(../images/h1shadow.jpg) no-repeat bottom left; padding:0; margin:0 10px 0 0; width:300px; height:100px;} h1.logo a {display:block; height:100px; background:url(../images/scslclogo.gif) no-repeat 0 15px; font-size:1px; text-indent:-9999px; outline:none;} .printlogo {display:none;} ul.topnav {position:absolute; display:table-cell; list-style:none; top:0; right:0; text-align:right; margin:0; padding:0; height:100px; background:url(../images/topnavbg.gif) no-repeat bottom right;} ul.topnav li {display:inline;} ul.topnav li a {display:table-cell; font-weight:bold; float:left; padding:60px 0 14px 30px; font-size:13px; color:#119116 !important; text-decoration:none;} ul.topnav li a:hover {text-decoration:underline;} .portalsearch {clear:both; height:50px; background:#221e1f url(../images/portalsearchbg.gif) no-repeat bottom right;} .portalsearch .portalnav {list-style:none; margin:0 10px 0 0;} .portalsearch .portalnav li {display:block; margin:0; padding:0; float:left; background:url(../images/portalnav.gif) no-repeat right top; height:49px;} .pnav1 {width:138px;} .pnav2 {width:110px;} .pnav3 {width:190px;} .pnav4 {width:113px;} .portalsearch .portalnav li a {display:block; color:#68c353 !important; font-size:16px; line-height:16px; text-align:right; padding:17px 35px 17px 0; margin:0; font-weight:bold; text-decoration:none; outline:none;} .portalsearch .portalnav li a:hover {color:#fff !important;} body.students .pnav1 a, body.parents .pnav2 a, body.currentborrowers .pnav3 a, body.schools .pnav4 a {color:#fff !important;} .portalsearch form.searchbox {margin:0; padding:11px 0 0 0; text-align:right; position:relative; float:right;} .portalsearch form.searchbox fieldset {border:none; display:block; margin:0; padding:0; position:relative;} .portalsearch form.searchbox .searchtxt {width:150px; padding:5px 5px; margin:0 115px 0 0; font-size:12px; border:1px solid #a4a2a3; border-right-color:#dadada; border-bottom-color:#dadada; text-transform:none;} .portalsearch form.searchbox a.submitbutton, .portalsearch form.searchbox input.searchbtn {display:block; border:none; position:absolute; top:2px; right:14px; text-transform:uppercase; font-weight:normal; color:#ffff4d; height:26px; width:90px; margin:0; text-decoration:none; font-size:12px; line-height:26px; text-align:center; letter-spacing:1px; background:url(../images/searchbtnbg.gif);} .portalsearch form.searchbox a.submitbutton:hover, .portalsearch form.searchbox input.searchbtn:hover {background-position:bottom;} .cbox {position:relative; margin:0; padding:0; background-position:top right; background-repeat:repeat-y; background-image:url(../images/cboxbg.gif);} .cbox h1 {display:block; margin:0; padding:0; width:950px; height:200px; font-size:1px; text-indent:-9999px; background-image:url(../images/h1bg.jpg);} .cnav {display:block; float:right; width:190px; margin:0; padding:0 40px 50px 80px; list-style:none; background-position:top left; background-repeat:no-repeat; background-image:url(../images/cnavbg.gif); min-height:40px; height:auto !important; height:40px;} .cnav li {display:inline; margin:0; padding:0; list-style:none;} .cnav li a {display:block; line-height:16px; font-weight:bold; padding:6px 0; font-size:14px; color:#ffffb5 !important; text-decoration:none;} .cnav li a:hover {text-decoration:underline;} .cnav li ul {margin:0; padding:0;} .cnav li ul li {padding:0;} .cnav li ul li a {color:#7fe068 !important; font-size:11px; font-weight:normal; padding:5px 0 5px 15px;} .cnav li ul li.current a {background:url(../images/cnavarrow.gif) no-repeat 0 9px;} .content {position:relative; display:block; float:left; width:630px; margin:0; padding:20px 0; background:url(../images/contentbg.jpg) no-repeat;} .content ul {list-style-type:circle;} .content ul ul {list-style-type:square;} .content ul ul ul {list-style-type:disc;} h2 {font:bold 14px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#221e1f; margin:5px 0 5px 0; padding:5px 0 0 0;} .content h3 {font:normal 30px/40px "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif; color:#45001e; margin:10px 0 2px 0; padding:0;} h4 {font:bold 14px/20px Arial, Helvetica, sans-serif; color:#221e1f; margin:8px 0 5px 0; padding:5px 0 0 0;} h5 {font:bold 12px/20px Arial, Helvetica, sans-serif; color:#221e1f; margin:5px 0 5px 0; padding:5px 0 0 0;} p.summary { border-bottom:1px solid #bbb; font-size:16px; line-height:25px; padding:2px 0 10px 0; margin-bottom:15px; font-family:Myriad, "Trebuchet MS", Arial;} div.jumpbox {position:relative; width:270px; float:right; padding:20px 0 0 0; margin:0 0 25px 30px; background:url(../images/jumpboxtop.gif) no-repeat;} div.jumpbox p {position:relative; display:block; margin:0; padding:0 0 10px 40px; line-height:16px; font-weight:bold;} div.jumpbox ul {position:relative; display:block; margin:0; padding:5px 0 20px 40px; list-style:none; border:none; background:url(../images/jumpboxbot.gif) no-repeat bottom left;} div.jumpbox ul li {margin:0; padding:4px 0;} div.jumpbox ul li a {font-weight:bold; text-decoration:none; color:#007b00; font-size:12px; line-height:13px;} div.jumpbox ul li a:hover {text-decoration:underline;} div.jumpbox ul li a.current {color:#222;} div.jumpbox ul li a.current:hover {text-decoration:none;} .footer {clear:both; background:#272727 url(../images/footertop.gif) no-repeat; margin:0; padding:0; position:relative; line-height:20px;} .footer ul {position:relative; margin:0; padding:40px 0 20px 40px; width:550px; list-style:none;} .footer ul li {display:block; float:left; width:160px;} .footer ul li a {display:block; float:left; text-decoration:none; color:#68c353 !important; font-weight:normal; font-size:12px;} .footer ul li a:hover {text-decoration:underline;} .footer p {display:block; position:absolute; color:#fff; top:40px; right:40px; line-height:20px; font-size:12px; text-align:right;} .footer p a {color:#fff; text-decoration:none; font-weight:normal;} .footer p a span {color:#e77800;} .footer p a:hover span {text-decoration:underline;} /*Commented out to fix Firefox issue. .footer p img {float:right; margin:0 0 0 0; height:auto; width:auto; line-height:normal; right:auto; top:auto;}*/ .loginbox {position:absolute; top:0; right:0; padding-bottom:35px; width:310px; margin:0 -1px 0 0; background:url(../images/loginboxbg.gif) no-repeat bottom right; color:#fff; } .loginbox h3 {display:inline; margin:0; padding:0; line-height:14px;} .loginbox h3 a {position:absolute; bottom:0; right:0; display:block; text-align:right; font-size:14px; text-decoration:none; padding:10px 38px 10px 0; outline:none; color:#fff !important; background:url(../images/redraquo.gif) no-repeat right 3px; font-weight:normal;} .loginbox form.login {width:310px; height:120px; display:none; padding:0; margin:10px 0 0 0;} .loginbox form.login fieldset {display:block; position:absolute; bottom:35px; border:none; padding:0;} .loginbox form.login label {display:block; width:100px; padding:3px 0 0 0; margin-right:10px; float:left; text-align:right;} .loginbox form.login .logintxb {width:150px; padding:5px 5px; margin:0 0 10px 0; font-size:12px; border:1px solid #a4a2a3; border-right-color:#dadada; border-bottom-color:#dadada;} .loginbox form.login .loginbtn, .loginbox form.login a.submitbutton {position:relative; left:190px; display:block; border:none; text-transform:uppercase; font-weight:normal; color:#fffbb5; height:24px; width:82px; margin:0; text-decoration:none; font-size:12px; line-height:24px; text-align:center; background:url(../images/loginbtnbg.gif);} .loginbox form.login .loginbtn:hover, .loginbox form.login a.submitbutton:hover {background-position:bottom left;} .loginbox form.login ul {list-style:none; line-height:16px; position:absolute; bottom:50px; left:40px; width:150px; margin:0; padding:0;} .loginbox form.login ul a {font-size:11px; color:#fff; text-decoration:none;} .loginbox form.login ul a:hover {text-decoration:underline;} table.contact {padding-bottom:10px;} table.contact td {padding-right:20px;} table.contact .label {font-weight:bold;} table.contact input.input {border:1px solid #ccc; background:#eee; color:#333; padding:2px; margin:0 0 10px 0; width:250px;} table.contact textarea {border:1px solid #ccc; background:#eee; color:#333; padding:2px; margin:0 0 10px 0; width:520px;} /* Homepage Specific ----------------------------------------------- */ body.home .homelink {display:none;} ul.billboard {width:470px; height:200px; list-style:none; background:url(../images/billboard.jpg); margin:0; padding:100px 0 0 480px; overflow:hidden;} ul.billboard li {display:block; float:left; width:180px; height:25px; overflow:hidden;} ul.billboard li a {display:block; color:#ffffb5 !important; font-weight:bold; text-decoration:none; font-size:12px; line-height:20px; text-align:right; padding: 0 10px 0 0;} ul.billboard li a:hover {text-decoration:underline;} div.billboard {position:relative; width:380px; height:180px; padding:120px 50px 0 520px; background:#02364c url(../images/billboard.jpg); margin:0; color:#fff; font-size:13px; line-height:20px; text-indent:0; overflow:hidden;} .homeboxes {background:url(../images/homeboxes.gif) no-repeat top left; height:220px; overflow:hidden;} .homeboxes .column {margin-top:50px; position:relative; height:180px; width:230px; background-repeat:no-repeat; background-position:155px 20px;} .homeboxes h3 {color:#119116; font-weight:bold; font-size:16px; line-height:20px; padding:2px 0 8px 0; margin:0;} .homeboxes a {color:#119116; text-decoration:none;} .homeboxes a:hover {text-decoration:underline;} .homeboxes p {width:160px; font-size:11px; line-height:16px; position:relative; display:block;} .homeboxes p a {border-top:1px solid #bfbebe; position:absolute; top:104px; left:0px; width:135px; display:block; font-size:12px; margin:0; padding:3px 0;} .homeboxes .payonline {background-image:url(../images/hb-payonline.jpg);} /*--WO #30585 - Style for new bank draft launchpad. COMPAT*/ .homeboxes .bankdraft {background-image:url(../images/hb-money.jpg);} /*--WO #26335 - Commented out to replaced 1K giveaway with new PAL. COMPMH*/ /*.homeboxes .giveaway {background-image:url(../images/hb-1kgiveaway.jpg);}*/ .homeboxes .palloan {background-image:url(../images/hb-palapple.jpg);} .homeboxes .sign {background-image:url(../images/hb-sign.jpg);} .homeboxes .pointer {background-image:url(../images/hb-pointer.jpg);} .homeboxes .i745 {background-image:url(../images/hb-i745.jpg);} /*--WO #26516 - Commented out to replaced Speakers Bureau with Apply for a Loan. COMPMH*/ /*.homeboxes .podium {background-image:url(../images/hb-podium.jpg);}*/ .homeboxes .checkmark {background-image:url(../images/hb-checkmark.jpg);} .homeboxes .laptop {background-image:url(../images/hb-laptop.jpg);} /* Technicolor Switcherooskis ----------------------------------------------- */ body.students h3 {color:#221e1f !important;} body.parents h3 {color:#003405 !important;} body.currentborrowers h3 {color:#240d4f !important;} body.schools h3 {color:#3d0200 !important;} body.students .cbox {background-image:url(../images/students-cboxbg.gif);} body.parents .cbox {background-image:url(../images/parents-cboxbg.gif);} body.currentborrowers .cbox {background-image:url(../images/existingcustomers-cboxbg.gif);} body.schools .cbox {background-image:url(../images/schools-cboxbg.gif);} body.students .cbox h1 {background-image:url(../images/students-h1bg.jpg);} body.parents .cbox h1 {background-image:url(../images/parents-h1bg.jpg);} body.currentborrowers .cbox h1 {background-image:url(../images/existingcustomers-h1bg.jpg);} body.schools .cbox h1 {background-image:url(../images/schools-h1bg.jpg);} body.topnavitem .cbox h1 {background-image:url(../images/topnav-h1bg.jpg);} body.students .cnav {background-image:url(../images/students-cnavbg.gif);} body.parents .cnav {background-image:url(../images/parents-cnavbg.gif);} body.currentborrowers .cnav {background-image:url(../images/existingcustomers-cnavbg.gif);} body.schools .cnav {background-image:url(../images/schools-cnavbg.gif);} body.students .cnav li ul li.current a {background-image:url(../images/students-cnavarrow.gif);} body.parents .cnav li ul li.current a {background-image:url(../images/parents-cnavarrow.gif);} body.currentborrowers .cnav li ul li.current a {background-image:url(../images/existingcustomers-cnavarrow.gif);} body.schools .cnav li ul li.current a {background-image:url(../images/schools-cnavarrow.gif);} body.students .billboard {background:#44001c url(../images/students-billboard.jpg);} body.parents .billboard {background:#003f08 url(../images/parents-billboard.jpg);} body.currentborrowers .billboard {background:#381768 url(../images/existingcustomers-billboard.jpg);} body.schools .billboard {background:#5e0000 url(../images/schools-billboard.jpg);} body.students .pnav1 {background-image:url(../images/students-portalnav.jpg) !important; color:#fff;} body.parents .pnav2 {background-image:url(../images/parents-portalnav.jpg) !important; color:#fff;} body.currentborrowers .pnav3 {background-image:url(../images/existingcustomers-portalnav.jpg) !important; color:#fff;} body.schools .pnav4 {background-image:url(../images/schools-portalnav.jpg) !important; color:#fff; padding-right:6px;} /* Reusables ----------------------------------------------- */ .block {display:block;} #siteMap ul {font-size: 14px; margin:0 10px 20px 0; padding:0;} #siteMap ul li {list-style: none; padding:2px 0;} #siteMap ul li ul {font-size: 12px; margin:0 10px;} #siteMap ul li ul li ul li {padding-left: 16px; background: url(../images/sitemaparrow.gif) no-repeat 0 50%;} #siteMap ul li a {color:#012a3d;} #siteMap ul li ul li a {color:#034158;} #siteMap ul li ul li ul li a {color:#03788c;} .onekwinners {list-style:none; margin:10px 0; padding:0;} .onekwinners li {list-style:none; margin:10px 0; padding:0;} .hidden {display:none;} .error {display:block; margin:10px 0;} .clearfloats {clear:both; display:block; overflow:hidden; width:0; height:0;} .inlineform {margin:4px 20px; line-height:30px;} .inlineform label {display:inline; font-weight:normal; text-align:left; padding:0 5px 0 0; margin:0;} .inlineform label.required {font-weight:bold;} .inlineform input {padding:2px 4px; margin-right:2px; border:1px solid #a4a2a3; border-right-color:#dadada; border-bottom-color:#dadada;} .inlineform br {clear:both;} .inlineform .button {padding:3px 5px !important; margin-right:10px; font-weight:bold;} .inlineform p {line-height:16px;} table.data {margin:10px 0; border-top:1px solid #ddd; border-spacing:0;} table.data td {border-bottom:1px solid #ddd; padding:4px 10px 4px 0;}