/*******************************************************************************/
/* Global Styles for MyFedLoan Website                                         */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Import Component Stylesheets (=imports)                                     */
/* General Element Styles (=elements)                                          */
/* Generic Class Styles (=classes)                                             */
/* Link and Link Related Styles (=links)                                       */
/*   Skip Links Styles (=skip)                                                 */
/* Header Styles (=header)                                                     */
/* Quick Link Styles (=quicklink)                                              */
/* Hide/Show Styles (=hideshow)                                                */
/* Navigation Styles (=navigation)                                             */
/* Content Styles (=content)                                                   */
/* Main Content Styles (=main)                                                 */
/* Right Content Styles (=right)                                               */
/*   Account Access Sign In Styles (=aaSignIn)                                 */
/*   Highlight Box Styles (=highlight)                                         */
/* Ad Space Landing Styles (=adSpace)                                          */
/* Footer Styles (=footer)                                                     */
/*******************************************************************************/

/* =imports 
Import Component Stylesheets */

@import "/stylesheets/reset.css";
@import "/stylesheets/navigation.css";

/* =elements
General Element Styles */

html {
  background:#FFF url(/images/html-bg.png) repeat-x;
}

body {
  font-size:81.25%; /* 13px */
  margin:0 auto;
  padding:11.1538em 0 0 0; /* 145px 0 0 0 */
  position:relative;
  width:76em; /* 988px */
}

img.border {
  border:1px solid #999;
}

abbr[title],
acronym[title] {
  border-bottom-width:0;
}

/* =classes
Generic Class Styles */

.left { 
  text-align:left; 
}

.right { 
  text-align:right; 
}

.center { 
  text-align:center; 
}

.floatLeft { 
  float:left; 
}

.floatRight { 
  float:right; 
}

.clearBoth { 
  clear:both; 
}

.borderNone { 
  border:none !important; 
}

.hide {
  left:-9999px !important;
  overflow:hidden !important;
  position:absolute !important;
  top:-9999px !important;
}

.displayNone {
  display:none;
}

.marginTen {
  margin-bottom:.769em; /* 10px */
}

.marginFifteen {
  margin-bottom:1.154em; /* 15px */
}

.marginTwenty {
  margin-bottom:1.538em; /* 20px */
}

.marginForty {
  margin-bottom:3.077em; /* 40px */
}

.marginFifty {
  margin-bottom:3.846em; /* 50px */
}

/* iFrame Punch-Out to correct IE 6 and below */

iframe.windowIFrame {
  display:none;
  display/**/:block;  
  filter:mask();
  height:3000px;
  position:absolute;
  top:0;
  left:0;
  width:3000px;
  z-index:-2;
}

/* =links
Link and Link Related Styles */

a {
  outline:none;
}

a:link,
a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a[name]:hover {
  color:inherit;
  text-decoration:none;
}

a.arrowLink {
  background:url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 0 2px;
  padding-left:20px;
}

/* Hack - to hide em text in modern browsers */
html>/**/body a[rel="external"] {
  background:url(/images/icons/icn-new-window.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="pdf"] {
  background:url(/images/icons/icn-pdf.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="excel"] {
  background:url(/images/icons/icn-excel.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body div#footer a[rel="pdf"] {
  background:none;
  padding-right:0;
}

html>/**/body span.docTypeText em {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}
/* End Hack */

span.docTypeText {
  font-size:.85em; /* 11px */
}

/* =skip
Skip Links Styles */

ul#skipLinks {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

/* =header
Header Styles */

div#header {
  background:#FFF url(/images/header/header-bg.png) repeat-x;
  height:6.31em; /* 82px */
  left:0; 
  padding:4.769em 0 0 1.538em; /* 62px 0 0 20px */
  position:absolute;
  top:0;
  width:74.462em; /* 968px */
  z-index:1; 
}

div#header a.logo {
  border:none;
  display:block;
  font-size:11px;
  height:61px;
  margin:0;
  position:relative;
  text-decoration:none;
  width:178px;
}

div#header a.logo i {
  background:#FFF url(/images/header/logo.gif) no-repeat 0 0;
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#header ul {
  position:absolute;
  right:0;
  top:.7em;
}

div#header ul li {
  border-right:1px solid #C9E39C;
  display:block;
  float:left;
  font:normal .846em Verdana, Arial, Helvetica, sans-serif; /* 11px */
  line-height:1.64em; /* 18px */
  padding:0 1em; /* 0 11px */
}

div#header ul li a:link, 
div#header ul li a:visited, 
div#header ul li a:hover {
  color:#000;
  text-decoration:none;
}

div#header ul li a:hover {
  text-decoration:underline;
}

div#header ul li a.account {
  background:#5EA426 url(/images/header/sign-in.gif) no-repeat 0 0;
  display:block;
  font-size:.91em; /* 12px */
  padding-left:25px;
  width:153px;
}

div#header ul li a.account:hover {
  background-image:url(/images/header/sign-in-hover.gif);
  text-decoration:none;
}

div#header form div {
  border-left:2px solid #ECE9D8;
  padding-left: 1.5em; /* 19px */
  position:absolute;
  right:20px;
  top:69px;
}

div#header form label {
  color:#333;
  font-size:.846em; /* 11px */
  font-weight:bold;
  display:block;
}

div#header form div input.searchBox {
  border:1px solid #939391;
  width:140px;
}

div#header form div input.searchButton {
  margin-bottom:-.36em; /* -4px */
}

/* =quicklink
Quick Link Styles */

div#header div.quickLink {
  height:50px;
  padding:0 2em 0 0; /* 0 26px 0 0 */
  position:absolute;
  right:250px;
  top:69px;
  z-index:100;
}

div#footer div.quickLink {
  float:left;
  padding-left:1.538em; /* 20px */
  position:relative;
  width:23%;
}

div#header div.quickLink p,
div#footer div.quickLink p {
  color:#333;
  font-size:.846em; /* 11px */
  font-weight:bold;
  margin:0 0 .3em 0; /* 3px */
  text-align:left;
}

div#header div.quickLink a.quickListButton,
div#footer div.quickLink a.quickListButton { 
  display:block;
  font-size:11px; 
  margin:0;
  outline:none;
  padding:0; 
}

div#header div.quickLink a.quickListButton img,
div#footer div.quickLink a.quickListButton img {
  border:0;
  margin:0;
  outline:none;
  padding:0;
  width:17.727em; /* 195px */
}

div.quickLink div.quickLinkWrapper {
  overflow:hidden;
  width:182px;
}

div#header div.quickLink div.quickLinkWrapper iframe {
  padding-top:3em;
}

div#header div.quickLink ul,
div#footer div.quickLink ul { 
  background-color:#FFF;
  border:1px solid #000;
  border-left-color:#CCC;
  border-top-color:#CCC;
  font-size:11px;
  left:0;
  line-height:120%;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  top:37px;
  width:180px;
  z-index:1000;
}

div#footer div.quickLink ul {
  left:1.818em; /* 20px */
}

div.quickLink a[rel="external"],
div.quickLink a[rel="pdf"] {
  background:inherit;
  padding-right:0;
}

div#header div.quickLink ul li,
div#footer div.quickLink ul li { 
  background:none;
  border-right:none;
  float:none;
  margin:0;
  padding:3px;
}

div#header div.quickLink ul li a,
div#footer div.quickLink ul li a { 
  color:#000;
  display:block;
  font-weight:normal;
  margin:0;
  text-decoration:none;
}

div#header div.quickLink ul li a:hover,
div#footer div.quickLink ul li a:hover { 
  background-color:#036;
  color:#FFF;
  font-weight:normal;
}

/* =hideshow
Hide/Show Styles */

div#content div#mainContent div.hsParent a.hsTargetEnabled, 
div#content div#mainContent div.hsParent a.hsTargetEnabled:hover {
  background:#FFF url(/images/hide-show/arrow-sprite.png) no-repeat 0 0;
  color:#03C;
  display:block;
  font-weight:bold;
  height:1.692em; /* 22px */
  line-height:1.692em;  /* 22px */
  outline:none;
  padding-left:25px;
}

/* =content
Content Styles */

div#content {
  background-color:#FFF;
  margin:0;
  padding:3.75em 0 0 0; /* 48.75px 0 0 0 */
  position:relative;
  width:76em; /* 988px */
}

div#content ul li {
  list-style-type:disc;
}


div#content div#contentFooter {
  clear:both;
  display:none;
}

html>/**/body div#content div#contentFooter {
  display:block;
  height:0;
  overflow:hidden;
}

/* =navigation
Navigation Styles */

div#content div#siteNavigation {
  background:#FFF url(/images/navigation/site-navigation-bg.jpg) repeat-x bottom left;
  border-top:1px solid #AEB7CB;
  color:#000;
  height:3.46em; /* 45px */
  left:0;
  margin:0 1.538em; /* 0 20px */
  position:absolute;
  top:0;
  width:72.924em; /* 948px */
}

div#content div#siteNavigation h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#siteNavigation ul {
  margin:0;
  padding:0;
}

div#content div#siteNavigation ul li {
  display:block;
  float:left;
  font:bold 1em Arial, Helvetica, sans-serif; /* 13px */
  height:3.46em; /* 45px */
  margin:0;
  padding:0;
}

div#content div#siteNavigation ul li.selected {
  background:#F3F5F8 url(/images/navigation/site-navigation-bg-selected.jpg) no-repeat 50% bottom;
}

div#content div#siteNavigation ul li.selected a:hover {
  color:#333;
}

div#content div#siteNavigation ul li a {
  border-right:1px solid #DEE3EB;
  display:block;
  float:left;
  height:1.52em; /* 21px */
  padding:.6em 1.69em .5em 1.69em; /* 7px 22px 6px 22px */
}

div#content div#siteNavigation ul li a:link,
div#content div#siteNavigation ul li a:visited {
  color:#333;
  text-decoration:none;
}

div#content div#siteNavigation ul li a:hover {
  color:#5EA426;
}

div#content div#sectionNavigation {
  display:inline;
  float:left;
  margin:0 0 0 -74.468em; /* -968px */
  padding:1em 0 0 1.538em; /* 13px 0 0 20px */
  width:13.867em; /* 180px */
}

div#content div#sectionNavigation h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#sectionNavigation h3 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#sectionNavigation h3 a:link,
div#content div#sectionNavigation h3 a:visited,
div#content div#sectionNavigation h3 a:hover {
  color:#333;
  text-decoration:none;
}

div#content div#sectionNavigation ul {
  background:#F4F6F8 url(/images/navigation/navigation-bg.jpg) repeat-x bottom left;
  border-top:1px solid #AEB7CB;
  font-size:.9em; /* 12px */
  padding-bottom:2.583em;  /*31px */
}

div#content div#sectionNavigation ul li {
  border-bottom:1px solid #DEE3EB;
  display:block;
  font-weight:bold;
  list-style-type:none;
  padding:0;
}

div#content div#sectionNavigation ul li a {
  display:block;
  margin:0;
  padding:.69em .34em .69em 1em; /* 8px 4px 8px 11px */
  text-decoration:none;
}


div#content div#sectionNavigation ul li ul {
  background:url(/images/navigation/navigation-bg-grad.jpg) repeat-y top left;
  border-top:1px solid #DEE3EB;
  font-size:.917em; /* 11px */
  padding:0.75em 0; /* 8.25px 0 */
  width:100%;
}

div#content div#sectionNavigation ul li ul li {
  background:url(/images/navigation/navigation-bullet-green.gif) no-repeat 0 8px;
  border:none;
  font-weight:normal;
  list-style:none;
  margin-left:1em;
  min-height:1%; /* Hack - to force hasLayout in IE 7.0 */
}

/* Hack - to force hasLayout in IE 6.0 */
* html div#content div#sectionNavigation ul li ul li {
  height:1%;
}
/* End Hack */

div#content div#sectionNavigation ul li ul li a {
  border:none;
  padding:0.34em 0.34em 0.34em 1.38em; /* 3px 3px 3px 14px */
}

/* =main
Main Content Styles */

div#content div#mainContent {
  display:inline;
  float:left;
  margin:0 0 0 15.405em; /* 200px */
  padding:1em 1.538em; /* 13px 20px */
  width:42.162em; /* 548px */
}

div#content div#mainContent h1 {
  color:#599B24;
  font:bold 1.846em  Arial, Helvetica, sans-serif; /* 24px */
  font-smooth:always;
  margin-bottom:.5em; /* 12px */
}

div#content div#mainContent h2 {
  background-color:#F4F6F8;
  border-top:1px solid #AEB7CB;
  color:#000;
  font:bold 1.231em  Arial, Helvetica, sans-serif; /* sets font to 16px */
  font-smooth:always;
  margin:1.5em 0 .833em 0; /* 27px 0 15px 0 */
  padding:.166em 0 .166em .166em; /* 3px */
}

div#content div#mainContent h2.headingGreen {
  background-color:#FFF;
  border:none;
  color:#549221;
  margin:.938em 0 0 0; /* 15px 0 0 0 */
  padding:0;
}

div#content div#mainContent h3 {
  color:#549221;
  font:bold 1.231em Arial, Helvetica, sans-serif; /* sets font to 16px */
  margin-top:1.25em; /* 20px */
}

div#content div#mainContent h3 span.smallHeaderFont {
  color:#000;
  font:normal .8125em Arial, Helvetica, sans-serif; /* sets font to 13px */
}

div#content div#mainContent strong {
  font-weight:bold;
}

div#content div#mainContent ul {
  margin:1em 0 1em 1.5em; /* 13px 0 13px 19.5px */
}

div#content div#mainContent ul li {
  padding:.23em; /* 3px */
}

div#content div#mainContent ul.paddingMed li {
  padding:.46em; /* 6px */
}

div#content div#mainContent table ol.statementList li {
  font-size:.923; /* sets font to 12px */
  padding-bottom:.5em; /* 6px */
}

div#content div#mainContent ul.paddingLarge li {
  padding:.69em; /* 9px */
}

body.bodyPrivacyPolicy div#mainContent ol {
  margin:1em 0 1em 1.5em; /* 13px 0 13px 19.5px */
  padding:0;
}

body.bodyPrivacyPolicy div#mainContent ol li {
  padding:.23em; /* 3px */
}

div#content div#mainContent hr {
  background-color:#5EA426;
  border:0;
  color:#5EA426;
  height:1px;
  margin:1.538em 0; /* 20px 0 */
}

div#content div#mainContent a.hsTarget {
  display:none;
}

div#content div#mainContent div.alert {
  background:#F8F8C8 url(/images/icons/icn-ex-point.gif) 10px 10px no-repeat;
  border:1px solid #F8C050;
  font-size:.923em;
  margin-bottom:1.25em; /* 15px */
  padding:1em 1em 0 3.33em; /* 12px 12px 0 40px */
}

div#content div#mainContent div.alert h2 {
  background-color:transparent;
  border-top:0;
  color:#000;
  font:bold 1.167em  Arial, Helvetica, sans-serif; /* sets font to 14px */
  font-smooth:always;
  margin:0 0 .833em 0; /* 0 0 10px 0 */
  padding:0;
}

/* =right
Right Content Styles */

div#content div#rightContent {
  display:inline;
  float:left;
  margin:0;
  padding:1em 0 0 0; /* 13px 0 0 0 */
  width:13.846em; /*180px */
}

div#content div#rightContent h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#rightContent strong {
  font-weight:bold;
}

/* =aaSignIn
Account Access Sign In Styles */

div.AccountAccessOuterBox {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat bottom right;
  padding-right:12px;
  margin-bottom:15px;
}
  
div.AccountAccessInnerBox {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat bottom left;
  padding:0 0 12px 12px;
}

div.AccountAccessInnerBox h3 {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat top right;
  color:#333;
  font-size:1.07em; /* 14px */
  font-weight:bold;
  margin:0 -12px;
  padding-right:12px;
}

div.AccountAccessInnerBox h3 span {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat top left;
  display:block;
  padding:15px 12px 6px 16px;
}

div.AccountAccessBoxContent {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:5px 3px;
  zoom:1;
}

div.AccountAccessBoxContent ul {
  color:#CCC;
  list-style:disc;
  margin:0;
  padding:15px 0 10px 18px;
}

div.AccountAccessBoxContent ul li {
  font-size:.846em; /* sets font size to 11px */
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
}

div.AccountAccessBoxContent ul.createAccount  {
  border-top:1px dotted #999; 
  list-style:none;
  padding:0;
  padding-left:19px;
}  

div.AccountAccessBoxContent ul.createAccount li {
  font-size:1em; /* 13px */
  font-weight:bold;
  line-height:1em; /* 13px */
  list-style:url(/images/navigation/navigation-active-arrow.gif);
  margin-top:7px;
  padding:0 0 2px 1px;
  text-align:center;
}

div.AccountAccessBoxContent ul.createAccount li a {
  text-decoration:none;
}

div.AccountAccessBoxContent ul.createAccount li a:hover {
  text-decoration:underline;
}

div.AccountAccessBoxContent form {
 margin:0;
}

div.AccountAccessBoxContent form input#username {
  width:95%;
}

div.AccountAccessBoxContent form span.signin {
  display:block;
  padding:5px 4px 0 0;
  text-align:right;
}
div.AccountAccessBoxContent form label {
  color:#333;
  font-size:.923em; /* 12px */
  font-weight:bold;
}

/* =highlight
Highlight Box Styles */

div#content div#rightContent div.highlightOuterBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom right;
  padding-right:12px;
  margin-bottom:15px;
}
  
div#content div#rightContent div.highlightInnerBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom left;
  padding:0 0 12px 12px;
}

div#content div#rightContent div.highlightInnerBox h3 {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat top right;
  color:#333;
  font-size:1.07em; /* 14px */
  font-weight:bold;
  margin:0 -12px;
  padding-right:12px;
}

div#content div#rightContent div.highlightInnerBox h3 span {
  background:url(/images/highlight-gray-bg.jpg) no-repeat top left;
  display:block;
  padding:15px 12px 6px 16px;
}

div#content div#rightContent div.highlightBoxContent {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:5px 3px;
  zoom:1;
}

div#content div#rightContent div.highlightBoxContent p {
  font-size:.846em; /* 11px */
}

div#content div#rightContent div.highlightBoxContent p.dottedBorder {
  border-top:1px dotted #999;
  margin:0;
  padding:1em 0;
}

div#content div#rightContent div.highlightBoxContent p.dottedLink,
div#content div#rightContent div.AccountAccessBoxContent p.dottedLink {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 2px 9px;
  border-top:1px dotted #999;
  margin:0;
  padding:8px 0 5px 21px;
}

div#content div#rightContent div.AccountAccessBoxContent p.dottedLink {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 2px 11px;
}

div#content div#rightContent div.highlightBoxContent ul {
  color:#666;
  list-style:disc;
  margin:0;
  padding:5px 0 10px 18px;
}

div#content div#rightContent div.highlightBoxContent ul li {
  font-size:.846em; /* 11px */
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
}

div#content div#rightContent div.highlightBoxContent ul.createAccount  {
  border-top:1px dotted #999; 
  list-style:none;
  padding:0;
  padding-left:19px;
}  

div#content div#rightContent div.highlightBoxContent ul.createAccount li {
  font-size:1em; /* 13px */
  font-weight:bold;
  line-height:1em; /* 13px */
  list-style:url(/images/navigation/navigation-active-arrow.gif);
  margin-top:7px;
  padding:0 0 2px 1px;
  text-align:center;
}

div#content div#rightContent div.highlightBoxContent ul.createAccount li a {
  text-decoration:none;
}

div#content div#rightContent div.highlightBoxContent ul.createAccount li a:hover {
  text-decoration:underline;
}


div#adquiz {
  background:url(/images/marketing/ads/quiz-bg.jpg) no-repeat 15px 20px;
  border-top:3px solid #000;
  clear:both;
  height:110px;
  padding:32px 0 0 90px;
  width:50.615em; /* 658px */
}

div#content div#mainContent div#adquiz h2 {
  background-color:#FFF;
  border:none;
  color:#5EA426;
  display:inline;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* 17px */
  margin:0;
  padding:5px 0 3px 0;
}

div#content div#mainContent div.topHighlightBox {
  background:url(/images/homepage/news-updates-bg.jpg) repeat-x 0 0;
  border:1px solid #999;
  margin:4.75em 1.538em 0 0;
  padding:.769em; /* 10px */
  position:absolute;
  right:0;
  top:0;
}

div#content div#mainContent div.topHighlightBox h2 {
  background-color:transparent;
  border-top:0;
  color:#666;
  font:bold 1em Arial, Helvetica, sans-serif;
  margin:0 0 .308em 0; /* 0 0 4px 0 */
  padding:0;
}

div#content div#mainContent div.topHighlightBox ul.tipLinks {
  margin:0;
  padding:0;
}

div#content div#mainContent div.topHighlightBox ul.tipLinks li {
  background:transparent url(/images/icons/icn-tip.jpg) no-repeat 0 3px;
  font-size:.846em; /* sets font size to 11px */
  line-height:1.364em; /* 15px */
  list-style-type:none;
  padding-left:1.818em; /* 20px */
}

/* =footer
Footer Styles */

div#footer {
  background:#FFF url(/images/footer/footer-bg.jpg) repeat-x;
  border-top:30px solid #323232;
  height:17.7em; /* 95px */
  padding-top:1.538em; /* 20px */
}

div#footer h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#footer h3 {
  font-size:1em; /* 13px */
  font-weight:bold;
  margin-bottom:.5em; /* 7.5px */
}

div#footer p {
  clear:both;
  color:#666;
  float:left;
  font-size:.846em; /* 11px */
  margin-top:2em; /* 22px */
  text-align:center;
  width:100%;
}

div#footer div.column {
  float:left;
  font-size:.846em; /* 11px */
  padding-left:1em; /* 11px */
  width:17%;
}

div#footer a:link,
div#footer a:visited {
  color:#03C;
  text-decoration:none;
}

div#footer a:hover {
  color:#03C;
  text-decoration:underline;
}

div#footer ul {
  margin:0;
  padding:0;
}

div#footer ul li {
  padding:.2em; /* 2px */
}

div#footer form label {
  color:#333;
  font-weight:bold;
  display:block;
}

div#footer form div input.searchBox {
  border:1px solid #939391;
  width:130px;
}

div#footer form input.searchButton {
  margin-bottom:-.45em;
}