/*******************************************************************************/
/* Homepage Styles for MyFedLoan Website                                       */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* General Content Styles (=general)                                           */
/* Alert Messenging Styles (=alert)                                            */
/* Left Content Area Styles (=left)                                            */
/*   Account Login Box Styles (=accountLogin)                                  */
/*   Welcome Box Styles (=welcomeBox)                                          */
/*   YouCanDealWithIt.com Box Styles (=ycdwiBox)                               */
/* Right Content Area Styles (=right)                                          */
/*   Promotion Sections Styles (=sectionPromos)                                */
/*   Form Quick Links Styles (=formQuickLinks)                                 */
/*   Survey Quick Links Styles (=surveyQuickLinks)                             */
/*   Promotional Area Styles (=promo)                                          */
/*******************************************************************************/

/* =general
General Content Styles */

div#content {
  padding-top:7.307em; /* 95px*/
}


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

/* =alert
Alert Messenging Styles */

div#content div#alertMessage {
  background:#E6E6E6 url(/images/homepage/alert/alert-bg.jpg) repeat-x 0 0;
  border:1px solid #999;
  margin:0 1.538em 1.538em 1.538em; /* 0 20px 20px 20px */
  padding:1em 1em 1em 0; /* 13px 13px 13px 0 */
  position:relative;
}

div#content div#alertMessage h2 {
  font:bold 1em Arial, Helvetica, sans-serif;
  margin-left:7.692em; /* 100px */
}

div#content div#alertMessage p {
  font-size:.923em; /* sets font size to 12px */
  margin-bottom:0;
  margin-left:8.333em; /* 100px */
}

div#content div#alertMessage img {
  left:4px;
  position:absolute;
  top:4px;
}





div#content div#alertRow {
  background-color:#F7F7F7;
  border:1px solid #999;
  clear:both;
  margin:1em 0 1em 0;
  padding:.35em .769em 0 .769em; /* 0 10px */
  position:relative;
}

div#content div#rightContent div#alertRow h2 {
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font size to 12px */
  position:static;
  margin-left:5.83em; /* 100px */}

div#content div#alertRow p {
  font-size:.846em; /* sets font size to 11px */
  margin-left:6.333em; /* 100px */
}

div#content div#alertRow img {
  left:10px;
  position:absolute;
  top:10px;
}

/* =left
Left Content Area Styles */

div#content div#leftContent {
  display:inline;
  float:left;
  margin:0 0 0 1.538em; /* 0 0 0 20px */
  width:17.692em; /* 230px */
}

/* =accountLogin
Account Login Box Styles */

div#content div#leftContent div.AccountloginOuterBox {
  background: url(/images/homepage/account-access-bg.jpg) no-repeat right bottom;
  margin-bottom: 20px;
  padding-right:12px;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox {
  background:url(/images/homepage/account-access-bg.jpg) no-repeat left bottom;
  padding:0 0 12px 12px;
  position:relative;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox h2 {
  background:url(/images/homepage/account-access-bg.jpg) no-repeat right top;
  font:bold 1.38em Arial, Helvetica, sans-serif; /* 18px */
  padding-right:15px;
  margin:0 -12px;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox h2 span {
  background:url(/images/homepage/account-access-bg.jpg) no-repeat left top;
  display:block;
  padding:15px 12px 10px 16px;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent {
  background-color:#FFF;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin-bottom:0;
  padding:10px 5px;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent p {
  font-size:11px;
  margin-bottom:0;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent div.formRow ul {
  color:#CCC;
  padding:10px 0;
  margin:0;
}
  
div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent div.formRow ul li {
  font-size:.73em; /* 9.5px */
  list-style:none;
  margin:0;
  padding:2px 0;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount  {
  border-top:1px solid #DEE3EB;
  clear:both;
  list-style:none;
  padding:0 0 0 19px;
}  

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount li {
  font: bold 1em Arial, Helvetica, sans-serif; /* 13px */
  list-style: url(/images/navigation/navigation-active-arrow.gif);
  line-height:1em; /* 13px */
  margin-top: 7px;
  padding:0 0 2px 1px;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount li.smallFont {
  font: normal .846em Arial, Helvetica, sans-serif; /* 11px */
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount li a {
  text-decoration:none;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount li a:hover {
  text-decoration: underline;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount li ul {
  font:.769em Arial, Helvetica, sans-serif; /* 10px */
  margin:0;
  padding:5px 0 10px 15px;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul.createAccount li ul li {
  list-style-image:none;
  padding:0;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent form {
  margin:0;
  padding:0;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent form div.formRow {
  position:relative;
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent form input#username {
  font-size: 1em; /* 13px */
  width:14.2em; /* 185px */
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent form span.signin {
  display:block;
  padding:5px 0;
  position:absolute;
  left:7.461em; /* 97px */
  top:.1583em; /* 2px */
}

div#content div#leftContent div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent form label {
  color:#333;
  font:bold .923em Arial, Helvetica, sans-serif; /* 12px */
}

div.AccountloginOuterBox div.AccountloginInnerBox div.AccountloginBoxContent ul#contactOptions li {
  background: url(/images/navigation/navigation-active-arrow.gif) left no-repeat scroll;
  font-size: 10px;
  list-style: none;
  margin: 1em; /* 10px */
  padding: 0 0 0 1.5em; /* 0 0 0 15px */
}

/* =welcomeBox
Welcome Box Styles */

div#content div#leftContent div.welcomeOuterBox {
  background:url(/images/homepage/text-box.jpg) no-repeat right bottom;
  margin-bottom:20px;
  padding-right:12px; 
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox {
  background:url(/images/homepage/text-box.jpg) no-repeat left bottom;
  padding:0 0 12px 12px;
  position:relative;
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox p.boxTop {
  background:url(/images/homepage/text-box.jpg) no-repeat right top;
  color:#333;
  font-size:16px;
  margin:0 -12px;
  padding-right:15px;
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox p.boxTop span {
  background:url(/images/homepage/text-box.jpg) no-repeat left top;
  display:block;
  padding:15px 12px 10px 16px;
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox div.welcomeBoxContent {
  background-color:#FFF;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin-bottom:28px;
  padding:10px 5px;
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox div.welcomeBoxContent h2 {
  font:bold 14px Arial, Helvetica, sans-serif;
  margin-bottom:10px;
  padding:0;
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox div.welcomeBoxContent p {
  font-size:.846em; /* 11px */
  margin-bottom:0;
}

div#content div#leftContent div.welcomeOuterBox div.welcomeInnerBox div.welcomeBoxContent p a {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 0 -7px;
  padding-left:20px;
}

/* =ycdwiBox
YouCanDealWithIt.com Box Styles */

div#content div#leftContent div.ycdwiOuterBox {
  background:url(/images/homepage/ycdwi-bg-small.jpg) no-repeat right bottom;
  margin-bottom:20px;
  padding-right:12px;
}
  
div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox {
  background:url(/images/homepage/ycdwi-bg-small.jpg) no-repeat left bottom;
  padding:0 0 12px 12px;
  position: relative;
}
  
div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox p.boxTop {
  background:url(/images/homepage/ycdwi-bg-small.jpg) no-repeat right top;
  color:#333;
  font-size:14px;
  height: 3em;
  margin:0 -12px;
  padding-right:12px;
}
  
div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox p.boxTop span {
  background:url(/images/homepage/ycdwi-bg-small.jpg) no-repeat left top;
  display:block;
  padding:30px 12px 0 16px;
}

div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox div.ycdwiBoxContent h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox div.ycdwiBoxContent div.logo {
  left: .5em;
  position: absolute;
  top: .5em;
  width: 9.615em; /* 125px / 13px */
}

div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox div.ycdwiBoxContent div.logo img {
  max-width: 100%;
}

div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox div.ycdwiBoxContent p {
  font-size:.846em; /* sets font size to 11px */
  margin: 0;
}

div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox div.ycdwiBoxContent p a {
  background: url(/images/icons/icn-new-window.gif) no-repeat right scroll;
  display: block;
  line-height: 3.181em; /* 35px */
  padding-right: 1.363em; /* 15px */
  padding-left: 11.363em; /* 125px */
  position: absolute;
  top: .455em; /* 5px */
}

/* =right
Right Content Area Styles */

div#content div#rightContent {
  display:inline;
  float:left;
  margin:0 0 0 1.384em; /* 20px */
  padding:0;
  width: 53.692em; /* 698px / 13 */
}

div#content div#rightContent h2 {
  left:0;
  position:relative;
  top:0;
}

div#content div#rightContent div#sections {
  background:#FFF url(/images/homepage/green-gradient-bg.jpg) no-repeat left top;
  overflow:hidden;
  margin-bottom:1.538em; /* 20px */
  padding:0 0 0 .615em; /* 0 0 0 8px */
  position:relative;
  width:53.08em; /* 698px */
}

div#content div#rightContent div#sections div.column {
  display:inline;
  float:left;
  margin:0;
  width:17.077em; /* 222px */
}

div#content div#rightContent div#sections div.marginRight {
  margin-right:.615em; /* 8px */
}

div#content div#rightContent div#sections div.column  h2 {
  font:bold 1.385em Arial, Helvetica, sans-serif; /* 18px */
  margin:.833em 0 .555em 0; /* 15px 0 10px 0 */
}

div#content div#rightContent div#sections div.column h2 a {
  color: #000;
  text-decoration: none;
}

div#content div#rightContent div#sections div.column ul {
  background-color:#FFF;
  border-top:1px solid #79A44D;
  padding:.75em 1em .5em 2.25em; /* 9.75px 13px 7.5px 29.25px */
  position:relative;
}

div#content div#rightContent div#sections div.column ul li {
  padding:.3em; /* 4px */
}

div#content div#rightContent div#sections div.column ul li.learnMore {
  list-style-type:none;
  text-align:right;
}

div#content div#rightContent div#sections div.column ul li.learnMore a {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 0 -7px;
  font-size:.846em; /* 11px */
  margin:5px 15px 0 0;
  padding-left:20px;
}

/* =sectionNews
News and Updates Section Styles */

div#content div#rightContent div#news {
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  background:url(/images/homepage/news-updates-bg.jpg) repeat-x 0 0;
  border:1px solid #999;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  height:5.846em; /* 50px */
  margin-bottom:1.538em; /* 20px */
  padding:.769em; /* 10px */
  position:relative;
}

div#content div#rightContent div#news h2 {
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font size to 12px */
  position:static;
  margin:0 0 .5em 0; /* 0 0 7px 0 */
}

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

/* =forms 
  Top Forms styles
*/

div#content div#rightContent div#formsRow {
  clear:both;
  margin-top:1.923em; /* 25px */
  padding:0;
}

div#content div#rightContent div#formsRow div.grayContainer {
  background:#FFF url(/images/homepage/gray-container.jpg) no-repeat left top;
  display:inline;
  float:left;
  min-height:9.231em; /* 120px */
  padding:.462em 7.692em 0 1.154em; /* 6px 100px 0 15px */
  position: relative;
  width:17.22em; /* 224px */
  z-index: 2;
}

/* Hack - to simulate min-height in IE 6.0 */
* html div#content div#rightContent div#formsRow div.grayContainer {
  height:9.231em; /* 120px */
}
/* End Hack */

div#content div#rightContent div#formsRow div.grayContainer ul#topForms {
  margin:0 0 0 2em; /* 0 0 0 26px */
  padding:0 0 3em 0;  /* 0 0 39px 0 */
}

div#content div#rightContent div#formsRow div.grayContainer ul#topForms li {
  font-size:0.923em; /* 12px */
  margin:0.416em 0; /* 5px 0 */
}

div#content div#rightContent div#formsRow div.grayContainer span#formsRc {
  background:#FFF url(/images/homepage/gray-container-forms-rc.jpg) no-repeat left top;
  height:100px;
  position:absolute;
  right:0;
  top:0;
  width:90px;
}

div#content div#rightContent div#formsRow div.grayContainer span#surveyRc {
  background:#FFF url(/images/homepage/gray-container-survey-rc.jpg) no-repeat left top;
  height:100px;
  position:absolute;
  right:0;
  top:0;
  width:90px;
}

div#content div#rightContent div#formsRow div.grayContainer h2 {
  font:bold 1.077em Arial, Helvetica, sans-serif; /* sets font to 14px */
  margin-bottom:1.429em; /* 20px */
}

div#content div#rightContent div#formsRow div.grayContainer a.arrowLink {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 0 -6px;
  bottom:2em; /* 26px */
  left:1.154em; /* 15px */
  padding-left:20px;
  position:absolute;
}

div#content div#rightContent div#formsRow div.marginRight {
 margin-right:1.538em; /* 20px */
}

/* =formQuickLinks
Form Quick Links Styles */

div#content div#rightContent div#formsRow div.quickLink {
  font-size: 0.846em; /* 11px */
  left:3.181em; /* 35px */
  position:absolute;
  top:3.818em; /* 42 px */
  width:23%;
  z-index:1;
}

div#content div#rightContent div#formsRow div.quickLink a.quickListButton { 
  display:block;
  font-size:1em; /* 11px */
  margin:0;
  outline:none;
  padding:0; 
}

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

div#content div#rightContent div#formsRow div.quickLink ul { 
  background-color:#FFF;
  border:1px solid #000;
  border-left-color:#CCC;
  border-top-color:#CCC;
  display:block;
  font-size:1em; /* 11px */
  left:0; /* 20px */
  line-height:120%;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  top:1.818em; /* 20px */
  width:16.363em; /* 180px */
  z-index:2;
}

div#content div#rightContent div#formsRow div.quickLink ul li { 
  background:none;
  border-right:none;
  float:none;
  list-style:none;
  margin:0;
  padding:0.272em; /* 3px */
}

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

div#content div#rightContent div#formsRow div.quickLink ul li a:hover { 
  background-color:#036;
  color:#FFF;
  font-weight:normal;
}

/* =promo
Promotional Area Styles */

div#content div#rightContent div#promo {
  background:#FFF;
  height:15.923em; /* 207px / 13px */
  margin-bottom:1.538em; /* 20px */
  max-height: 207px;
  max-width: 698px;
  overflow:hidden;
  position:relative;
  width:53.694em;
}

div#content div#rightContent div#promo ul#slideShow {
  list-style:none;
  margin:0;
  padding:0;
}

div#content div#rightContent div#promo ul#slideShow li {
  background-color:#5EA426;
  display:block;
  height:207px;
  position:relative;
  width:53.694em;
}

div#content div#rightContent div#promo ul#slideShow li img {
  max-width: 101%;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton {
  left: 20px;
  position: absolute;
  top: 20px;
  width: 165px;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton a {
  color: #FFF;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding: 11px 15px 11px 0;
  text-align: center;
  text-decoration: none;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton.pslfLink {
  left: 354px;
  top: 158px;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton.paperlessLink {
  left: 438px;
  top: 134px;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton.taxLink {
  left: 122px;
  top: 153px;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton.firstPaymentLink {
  left: 450px;
  top: 84px;
  width: 136px;
}

div#content div#rightContent div#promo ul#slideShow li p.promoLinkButton.helpCenterLink {
  left: 120px;
  top: 147px;
  width: 125px;
}

div#content div#rightContent div#promo ul#slideShowController {
  bottom:10px;
  position:absolute;
  right:10px;
}

div#content div#rightContent div#promo ul#slideShowController li {
  display:inline;
  list-style:none;
  margin:0 0 0 10px;
  padding:0;
}