/*******************************************************************************/
/* Marketing Page Styles for MyFedLoan Website                                 */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Main Content Styles (=main)                                                 */
/* Marketing Header Styles (=header)                                           */
/* Account Access Styles (=accountAccess)                                      */
/* Ad Space Styles (=adSpace)                                                  */
/*******************************************************************************/

/* =main
Main Content Styles */

div#content div#mainContent div.column {
  display:inline;
  float:left;
  margin-right:2.307em; /* 30px */
  width:17.3em; /* 225px */
}

div#content div#mainContent div.wideColumn {
  display:inline;
  float:left;
  margin-right:1.153em; /* 15px */
  width:38.076em; /* 495px */
}

div#content div#mainContent div.landingColumn {
  display:inline;
  float:left;
  margin-right:1.538em; /* 20px */
  margin-bottom:1.923em; /* 25px */
  width:42em; /* 546px */
}

div#content div#mainContent div.column h2.marketing {
  border:none;
  background:none;
  color:#5EA426;
  font:1.153em Arial, Helvetica, sans-serif; /* sets font to 15px */
  font-weight:bold;
  margin:0;
  padding:.8em 0 .267em 0; /* 12px 0 4px 0 */
}

div#content div#mainContent div.column h2.marketing a:link,
div#content div#mainContent div.column h2.marketing a:visited {
  text-decoration:none;
}

div#content div#mainContent div.column h2.marketing a:hover {
  text-decoration:underline;
}

div#content div#mainContent div.column3 {
  display:inline;
  float:left;
  margin:0;
  width:17.53em; /* 228px */
}

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

div#content div#mainContent div.column4 {
  display:inline;
  float:right;
  margin:0;
  width:13.84em; /* 180px */
}

/* =header
Marketing Header Styles */

div#content div#mainContent h1.accountAccess,
div#content div#mainContent h1.makePayment,
div#content div#mainContent h1.manageAccount,
div#content div#mainContent h1.billingPayments {
  font-size:1em;
  height:84px;
  margin:0 0 5px 0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:57.519em; /* 748px */
}

div#content div#mainContent h1.loanRepayment {
  font-size:1em;
  height:111px;
  margin:0 0 5px 0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:57.519em; /* 748px */
}

div#content div#mainContent h1 i {
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#content div#mainContent h1.accountAccess i {
  background:url(/images/marketing/account-access.jpg) no-repeat left top;
}

div#content div#mainContent h1.makePayment i {
  background:url(/images/marketing/make-payment.jpg) no-repeat left top;
}

div#content div#mainContent h1.manageAccount i {
  background:url(/images/marketing/manage-account.jpg) no-repeat left top;
}

div#content div#mainContent h1.billingPayments i {
  background:url(/images/marketing/billing-payments.jpg) no-repeat left top;
}

div#content div#mainContent h1.loanRepayment i {
  background:url(/images/marketing/loan-repayment.jpg) no-repeat left top;
}

/* =accountAccess
Account Access Styles */

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

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

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

div#content div#mainContent div.column4 div.AccountAccessBoxContent,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:5px 3px;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent p {
  font-size:.846em; /* sets font to 11px */
  margin-bottom:0;
}

div#content div#mainContent div.column4 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#mainContent div.column4 div.AccountAccessBoxContent ul {
  color:#CCC;
  list-style:disc;
  margin:0;
  padding:15px 0 10px 18px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul li {
  font-size:.923em; /* 12px */
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount  {
  border-top:1px dotted #999; 
  list-style:none;
	margin:25px 0 5px 0 !important;
  padding:0 0 0 25px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li {
  font:bold 1em Arial, Helvetica, sans-serif;
  list-style:url(/images/navigation/navigation-active-arrow.gif);
  line-height:1em;
  margin-top:7px;
  padding:0 0 2px 1px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li a:link,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li a:link,
div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li a:visited,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li a:visited {
  text-decoration:none;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li a:hover,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li a:hover {
  text-decoration:underline;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form {
  margin:0;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form label {
  color:#333;
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font to 12px */
}  

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form div.formRow {
  position:relative;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form div.formRow ul {
  color:#CCC;
  padding: 0;
  margin:8px 0 0 5px !important;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form div.formRow ul li {
  font-size:.73em; /* 9.5px */
  list-style-type:none !important;
  padding:2px 0 !important;
  margin:0;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form input#username,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form input#username {
  width:95%;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form span.signin {
  display:block;
  padding:5px 4px 0 0;
  text-align:right;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form span.signin {
  display:block;
  position:absolute;
  left:7.692em;  /* 91px */
  top:.1em; /* 2px */
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form label,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form label {
  color:#333;
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font to 12px */
}


/* =highlight
Highlight Box Styles */

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

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

div#content div#mainContent div.column3 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#mainContent div.column3 div.highlightInnerBox h3.nobg {
  background: none; 
  color:#333;
  font-size:1em; /* 14px */
  font-weight:bold;
  margin:0;
  padding:10px 12px 10px 0;
}

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

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

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

div#content div#mainContent div.column3 div.highlightBoxContent p.dottedLink {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 112px 5px;
  border-bottom:1px dotted #999;
  margin:0;
  padding:4px 0px 15px 131px;
}

div#content div#mainContent .displayInline {
  display:inline;
}
div#content div#mainContent hr {
 color:#ccc;
 margin: 20px 0 10px 0;
}

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

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

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

div#content div#mainContent div.column3 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#mainContent div.column3 div.highlightBoxContent ul.createAccount li a {
  text-decoration:none;
}

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

  
/* =adSpace
Ad Space Styles */

div#content div#mainContent div#adspace {
  border-top:3px solid #000;
  clear:both;
  position:relative;
  margin-top:.385em; /* 5px */
  width:57.077em; /* 742px */
}

div#content div#mainContent div#adspace h3 {
  color:#5EA426;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* sets font to 17px */
  margin:0;
  padding-bottom:.294em; /* 5px */
}

div#content div#mainContent div#adspace p {
  font:.846em Arial, Helvetica, sans-serif; /* sets font to 11px */
}

div#content div#mainContent div#adspace ul {
  margin:0;
  padding:0;
}

div#content div#mainContent div#adspace ul li {
  list-style-type:none;
  font:.846em Arial, Helvetica, sans-serif; /* sets font to 11px */
}

div#content div#mainContent div#adspace div#adGoGreenSmall {
  background:url(/images/marketing/ads/go-green-small-bg.gif) no-repeat 8px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  padding:2.462em 0 0 6.308em; /* 32px 0 0 82px */
  width:21.692em; /* 282px */
}

div#content div#mainContent div#adspace div#adGettingBillAtSchool {
  background:url(/images/marketing/ads/getting-bill-at-school.jpg) no-repeat 8px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  padding:2.462em 0 0 6.308em; /* 32px 0 0 82px */
  width:21.692em; /* 282px */
}

div#content div#mainContent div#adspace div#adPersonalData {
  background:url(/images/marketing/ads/personal-data-safe.jpg) no-repeat -4px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  margin:0;
  padding:2.462em 0 0 5.385em; /* 32px 0 0 70px */
  width:22.307em; /* 290px */
}

div#content div#mainContent div#adspace div#adYcdwi {
  background:url(/images/marketing/ads/ycdwi-small-ad.jpg) no-repeat 0 9px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  margin:0;
  padding:2.462em 0 0 0; /* 32px 0 0 0 */
  width:27.615em; /* 359px */
}

div#content div#mainContent div#adspace div#adYcdwi h3 {
	padding-left:155px;
}

div#content div#mainContent div#adspace div#adYcdwi p {
  padding:10px 0 0 35px;
}

div#content div#mainContent div#adspace div#adPayOnline {
  background:url(/images/marketing/ads/pay-online.jpg) no-repeat 8px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  padding:32px 0 0 82px;
  width:21.692em; /* 282px */
}

div#content div#mainContent div#adspace div#adCantMakePayment {
  background:url(/images/marketing/ads/cant-make-payment.jpg) no-repeat -4px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  margin:0;
  padding:32px 0 0 70px;
  width:22.307em; /* 290px */
}

div#content div#mainContent div#adGoGreen {
  background:url(/images/marketing/go-green-bg.jpg) no-repeat 15px 20px;
  border-top:3px solid #000;
  clear:both;
  height:7.692em; /* 100px */
	margin:0;
  padding:32px 0 0 90px;
  width:50.615em; /* 658px */
}

div#content div#mainContent div#adGoGreen h3 {
  color:#5EA426;
	margin:0;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* sets font to 17px */
}
 
div#content div#mainContent div#adGoGreen ul {
  list-style-image:none;
}
 
div#content div#mainContent div#adGoGreen ul li {
  background:url(/images/icons/icn-go-green.gif) no-repeat 0 4px;
  display:inline;
  list-style-image:none;
  margin-right:40px;
  padding-left:22px;
}