/*******************************************************************************/
/* Interior One Column Styles for MyFedLoan Website                            */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Main Content Styles (=main)                                                 */
/* Left Column Styles (=left)                                                  */
/* Right Column Styles (=right)                                                */
/* Footer Ad Styles (=footer)                                                  */
/*******************************************************************************/

/* =main
Main Content Styles */

body.bodyEbill div#content div#mainContent,
body.bodyEcorr div#content div#mainContent {
  display:inline;
  float:left;
  margin:0 0 0 1.538em; /* 0 0 0 20px */
  padding:0;
  position:relative;
  width:72.924em; /* 948px */
}

body.bodyEbill div#content div#mainContent h1,
body.bodyEcorr div#content div#mainContent h1 {
  font:normal 1em Arial, Helvetica, sans-serif; /* sets font size to 13 px */
  height:11.5384em; /* 150px */
  margin-bottom:2em; /* 26px */
  padding:0;
  position:relative;
  width:72.924em; /* 948px */
}

body.bodyEbill div#content div#mainContent h1 i,
body.bodyEcorr div#content div#mainContent h1 i {
  background:#FFF url(/images/ebill/header-bg.jpg) no-repeat 0 0;
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

body.bodyEcorr div#content div#mainContent h1 i {
  background: #FFF url(/images/eCorr/header-bg.jpg) no-repeat 0 0;
}

body.bodyEbill div#content div#mainContent h2,
body.bodyEcorr div#content div#mainContent h2 {
  background-color:#FFF;
  border:none;
  font:bold 1.692em  Arial, Helvetica, sans-serif; /* 22px */
  font-smooth:always;
  margin:0 0 .5em 0; /* 0 0 11px 0 */
  padding:0;
}

/* =left
Left Column Styles */

body.bodyEbill div#content div#mainContent div#leftColumn,
body.bodyEcorr div#content div#mainContent div#leftColumn {
  display:inline;
  float:left;
  padding:0 3.077em; /* 0 40px */
  width:43.077em; /* 560px */
}

body.bodyEbill div#content div#mainContent div#leftColumn h2,
body.bodyEcorr div#content div#mainContent div#leftColumn h2 {
  font:bold 1.154em Arial, Helvetica, sans-serif; /* sets font size to 15px */
}
body.bodyEcorr div#content div#mainContent div#leftColumn p.enrollNow a {
  display: block;
  height: 45px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 164px;
}

/* =right
Right Column Styles */

body.bodyEbill div#content div#mainContent div.highlightOuterBox,
body.bodyEcorr div#content div#mainContent div.highlightOuterBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom right;
  display:inline;
  float:left;
  margin:0;
  padding-right:.923em; /* 12px */
  width:19.646em; /* 255px */ 
}
  
body.bodyEbill div#content div#mainContent div.highlightInnerBox,
body.bodyEcorr div#content div#mainContent div.highlightInnerBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom left;
  padding:0 0 .923em .923em; /* 0 0 12px 12px */
}

body.bodyEbill div#content div#mainContent div.highlightInnerBox h3,
body.bodyEcorr div#content div#mainContent div.highlightInnerBox h3 {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat top right;
  color:#333;
  font:bold 1.462em Arial, Helvetica, sans-serif; /* sets font size to 19px */
  margin:0 -.632em; /* 0 -12px */
  padding-right:.632em; /* 12px */
}

body.bodyEbill div#content div#mainContent div.highlightInnerBox h3 span,
body.bodyEcorr div#content div#mainContent div.highlightInnerBox h3 span {
  background:url(/images/highlight-gray-bg.jpg) no-repeat top left;
  display:block;
  padding:.789em .632em .316em .842em; /* 15px 12px 6px 16px */
}

body.bodyEbill div#content div#mainContent div.highlightBoxContent,
body.bodyEcorr div#content div#mainContent div.highlightBoxContent {
  border-radius:6px;
  font-size:1.07em; /* sets font size to 14px */
  padding:.357em; /* 5px */
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  zoom:1;
}

body.bodyEbill div#content div#mainContent div.highlightBoxContent ul,
body.bodyEcorr div#content div#mainContent div.highlightBoxContent ul {
  list-style:disc;
  margin:0;
  padding:.357em 0 .714em 1.286em; /* 5px 0 10px 18px */
}

body.bodyEbill div#content div#mainContent div.highlightBoxContent ul li,
body.bodyEcorr div#content div#mainContent div.highlightBoxContent ul li {
  margin:0;
  padding:0 0 1.5em 0; /* 0 0 21px 0 */
}

/* =footer
Footer Ad Styles */

body.bodyEbill div#content div#mainContent div.footerAd,
body.bodyEcorr div#content div#mainContent div.footerAd {
  background:url(/images/ebill/ad-bg.jpg) no-repeat top right;
  clear:both;
  display:inline;
  float:left;
  height:8.615em; /* 111px */
  margin:1.923em 0 0 2.308em; /* 25px 0 0 30px */
  padding:0;
  position:relative;
  width:67.538em; /* 878px */
}


body.bodyEcorr div#content div#mainContent div.footerAd {
  background:url(/images/eCorr/ad-bg.jpg) no-repeat top right;
}

body.bodyEbill div#content div#mainContent div.footerAd p.save,
body.bodyEcorr div#content div#mainContent div.footerAd p.suggestion {
  font: bold 1.615em Arial, Helvetica, sans-serif; /* sets font size to 21px */
  left:3.571em; /* 75px */
  margin:0;
  padding:0;
  position:absolute;
  text-transform:lowercase;
  top:1.19em; /* 25px */
}

body.bodyEcorr div#content div#mainContent div.footerAd p.suggestion {
  text-transform: none;
}

body.bodyEbill div#content div#mainContent div.footerAd p.save span.largeFont {
  font-size:1.619em; /* sets the font to 34px */
}

body.bodyEbill div#content div#mainContent div.footerAd p.signUp,
body.bodyEcorr div#content div#mainContent div.footerAd p.notSure {
  color:#7FBD3E;
  font: bold 1.385em Arial, Helvetica, sans-serif; /* sets font size to 18px */
  left:4.167em;  /* 75px */
  margin:0;
  padding:0;
  position:absolute;
  top:3.778em; /* 65px */
}

body.bodyEcorr div#content div#mainContent div.footerAd p.notSure {
  top: 2.769em;
}
body.bodyEcorr div#content div#mainContent div.footerAd p.notSatisfied {
  color:#000;
  font: bold 1em Arial, Helvetica, sans-serif; /* sets font size to 18px */
  left:5.769em;  /* 75px */
  margin:0;
  padding:0;
  position:absolute;
  top:5.556em; /* 65px */
}

body.bodyEbill div#content div#mainContent div.footerAd a.learnMore {
  left:38.692em; /* 503px */
  position:absolute;
  top:5.385em; /* 70px */
}

body.bodyEbill div#content div#mainContent div.footerAd img.qmark {
  left:0;
  position:absolute;
  top:0;
}

body.bodyEbill div#content div#mainContent div#plant {
  background:url(/images/ebill/plant.png) no-repeat 0 0;
  bottom:3.462em; /* 45px */
  height:184px;
  position:absolute;
  right:-.769em; /* -10px */
  width:115px;
}

body.bodyEcorr div#content div#mainContent div#envelopeStack {
  background:url(/images/eCorr/envelope-stack.png) no-repeat 0 0;
  bottom:0em; 
  height:300px;
  position:absolute;
  right:0em;
  width:300px;
}

* html body.bodyEbill div#content div#mainContent div#plant {
  background:url(/images/ebill/plant.gif) no-repeat 0 0;
}


