/*******************************************************************************/
/* FAQ List Styles for MyFedLoan Website                                       */
/*******************************************************************************/

div#content div#mainContent dl.faqList { 
  padding:0;
  margin:0;
}

div#content div#mainContent dl.faqList dt { 
  background:#EBEBEB url(/images/icons/icn-faq.gif) no-repeat;
  font-weight:bold;
  line-height:18px;
  margin-top:2.308em; /* 30px */
  padding-left:1.923em; /* 25px */
  vertical-align:middle;
}

div#content div#mainContent dl.faqList dd { 
  margin:.769em 0 .769em 1.923em; /* 10px 0 10px 25px */
}

div#content div#mainContent dl.faqList dd ul li.noBulletNoIndent { 
  list-style-type: none;
  text-indent: -15px;
  padding: 10px 0;
}

body.bodyFAQ div#content div#mainContent div#columnLeft {
  float: left;
  width: 50%;
}

body.bodyFAQ div#content div#mainContent div#columnRight {
  float: right;
  width: 50%;
}

p.expandCollapse {
  position: absolute;
  right: 25px;
  top: 115px;
  text-align: right;
}

p.expandCollapse a {
  background: url(/images/hide-show/grey-arrow-small-right.png) right center no-repeat;
  padding: 5px 30px 3px 0;
}

p.expandCollapse a.active {
  background-image: url(/images/hide-show/grey-arrow-small-down.png);
}

body.bodyFAQ div#content div#mainContent div.faqBlock {
  min-height: 150px;
  width: 100%;
}

div#content div#mainContent div.FAQ {
  background:#FFF;
  border:1px solid #E8E8E8;
  border-top:5px solid #599B24;
  padding:10px;
  margin: 20px 0 10px 0;
  zoom:1;
}

div#content div#mainContent div.FAQ h2 {
  background: #F4F6F8; /* transparent */
  border-bottom:1px solid #999;
  color:#333;
  font:bold 1.2em Arial, Helvetica, sans-serif;
  margin:-10px -10px 20px -10px;
  padding:10px;
  position: relative;
}

div#content div#mainContent div.FAQ h2 a.expandAll {
  background: url(/images/hide-show/grey-arrow-small-right.png) right center no-repeat;
  padding: 5px 30px 3px 0;
  display: block;
  font-size: .764em; /* 13px / 17px */
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 0.692em; /* 9px / 13px */
}

div#content div#mainContent div.FAQ h2 a.expandAll.activeLink {
  background-image: url(/images/hide-show/grey-arrow-small-down.png);
}

div#content div#mainContent div.FAQ div.blinds h3 {
  background-color:#F3F5F8;
  border: 1px solid #E3E5E8;
  cursor: pointer;
  font-size: 1em;
  min-height: 30px;
  margin-bottom:.5em;
}

div#content div#mainContent div.FAQ div.blinds h3 a {
  color: #333;
  background:url(/images/hide-show/grey-arrow-right.png) no-repeat right;
  display:block;
  /*line-height:2.307em;*/
  margin:0;
  padding: 8px 40px 7px 10px;
  text-decoration:none;
}

div#content div#mainContent div.FAQ div.blinds h3 a.activeLink {
  background:url(/images/hide-show/grey-arrow-down.png) no-repeat right;
}

div#content div#mainContent div.FAQ div.blinds div {
  margin: 20px;
}