/*******************************************************************************/
/* 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:4.75em; /* 61.75px */
}

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

/* =alert
Alert Messenging Styles */

div#content div#alertMessage {
  background:#FFF 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:-1.5em 0 1em 0;
  padding:.35em .769em 0 .769em; /* 0 10px */
}

div#content div#rightContent div#alertRow 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#alertRow p {
  font-size:.846em; /* sets font size to 11px */
}

/* =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 */
}  

/* =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 2px;
  padding-left:20px;
}

/* =ycdwiBox
YouCanDealWithIt.com Box Styles */

div#content div#leftContent div.ycdwiOuterBox {
  background:url(/images/homepage/ycdw-post-it-bg.jpg) no-repeat right bottom;
  margin-bottom:20px;
  padding-right:12px;
}
  
div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox {
  background:url(/images/homepage/ycdw-post-it-bg.jpg) no-repeat left bottom;
  padding:0 0 12px 12px;
}
  
div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox p.boxTop {
  background:url(/images/homepage/ycdw-post-it-bg.jpg) no-repeat right top;
  color:#333;
  font-size:14px;
  margin:0 -12px;
  padding-right:12px;
}
  
div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox p.boxTop span {
  background:url(/images/homepage/ycdw-post-it-bg.jpg) no-repeat left top;
  display:block;
  padding:15px 12px 6px 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 {
  height: 124px;
  padding: 5px 3px;
  position: relative;
}

div#content div#leftContent div.ycdwiOuterBox div.ycdwiInnerBox div.ycdwiBoxContent p a {
  display: block;
  font-size:.846em; /* 11px */
  position: absolute;
  top: 11.538em; /* 150px */
  padding-left: 122px;
}

/* =right
Right Content Area Styles */

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

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 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 0;
  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 */
}

/* =sectionPromos
Promotion Section Styles */

div#content div#rightContent div#sections div.sectionPromo {
  font-size:.846em; /* 11px */
  height:7.909em; /* 87px */
  margin-top:2.727em; /* 30px */
  padding-left:7.273em; /* 80px */
}

div#content div#rightContent div#sections div.paymentPromo {
  background:#FFF url(/images/homepage/icn-laptop.jpg) no-repeat 5px 0;
}

div#content div#rightContent div#sections div.managePromo {
  background:#FFF url(/images/homepage/icn-ebill.jpg) no-repeat 5px 0;
}

div#content div#rightContent div#sections div.billingPromo {
  background:#FFF url(/images/homepage/icn-piggy.jpg) no-repeat 5px 0;
}

div#content div#rightContent div#sections div.taxPromo {
  background:#FFF url(/images/homepage/icn-tax.jpg) no-repeat 5px 0;
  padding-left:8.636em; /* 95px */
}

div#content div#rightContent div#sections div.sectionPromo h3 {
  font:bold 1.091em Arial, Helvetica, sans-serif; /* 12px */
  margin-bottom:.25em; /* 3px */
}

div#content div#rightContent div#sections div.sectionPromo h3 a:link,
div#content div#rightContent div#sections div.sectionPromo h3 a:visited {
  text-decoration:none;
}

div#content div#rightContent div#sections div.sectionPromo h3 a:hover {
  text-decoration:underline;
}

div#content div#rightContent div#sections span.rc {
  background:#FFF url(/images/homepage/green-gradient-bg-rc.jpg) no-repeat left top;
  display:block;
  height:210px;
  position:absolute;
  right:0;
  top:0;
  width:.462em; /* 6px */
}

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 */
}

/* 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 2px;
  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 url(/images/homepage/promos/introduction.jpg) no-repeat left top;
  height:183px;
  margin-bottom:1.538em; /* 20px */
  position:relative;
  width:53.694em; /* 698px */
}

body#flashHomePage div#content div#rightContent div#promo {
  background: none;
}

div#content div#rightContent div.altPromo {
  background:#FFF url(/images/homepage/promos/introduction.jpg) no-repeat left top;
  height:183px;
  width:53.694em; /* 698px */
}

div#content div#rightContent div#promo h2 {
  font:bold 22px Arial, Helvetica, sans-serif;
  left:277px;
  position:absolute;
  top:22px;
}

div#content div#rightContent div#promo ul {
  left:390px;
  font-size:11px;
  margin:0;
  padding:0 0 0 25px;
  position:absolute;
  top:62px;
}

div#content div#rightContent div#promo ul li {
  list-style:disc;
  margin:0;
  padding:0 0 3px 0;
}

div#content div#rightContent div#promo p.getStarted {
  font:bold 18px Arial, Helvetica, sans-serif;
  left:322px;
  position:absolute;
  top:125px;
}

/*---Go Green Promo--*/

div#content div#rightContent div#promoGoGreen {
  background:#FFF url(/images/homepage/promos/go-green-promo.jpg) no-repeat left top;
  height:183px;
  margin-bottom:1.538em; /* 20px */
  position:relative;
  width:53.694em; /* 698px */
}

body#flashHomePage div#content div#rightContent div#promoGoGreen {
  background: none;
}

div#content div#rightContent div.altPromoGoGreen {
  background:#FFF url(/images/homepage/promos/go-green-promo.jpg) no-repeat left top;
  height:183px;
  width:53.694em; /* 698px */
}

div.altPromoGoGreen a.promoButton {
  display:block;
  height:25px;
  outline:none;
  position:absolute;
  left:313px; /*361px*/
  text-indent:-9999px;
  top:95px;/*57px*/
  width:88px;
}