/*******************************************************************************/
/* Table Styles for MyFedLoan Website                                          */
/*                                                                             */
/* General Table Styles (=general)                                             */
/* Features/Benefits Table Styles (=features)                                  */
/* Zebra Striping Table Styles (=zebra)                                        */
/* Width Styles (=widths)                                                      */
/* Account Access Table Styles (=access)                                       */
/*******************************************************************************/


/* =general
General Table Styles */

div#content div#mainContent table {
  border-left:1px solid #CCC;
  border-top:5px solid #C9E39C;
  margin:1em 0;
  width:100%;
}

div#content div#mainContent table th,
div#content div#mainContent table td {
  padding:.615em !important; /* 8px */
  vertical-align:top;
}

div#content div#mainContent table td img {
  margin-bottom:10px;
}
div#content div#mainContent table.pubsTable td img,
div#content div#mainContent table.schoolFaqTable td img {
  margin:0 6px 0 1px;
}

div#content div#mainContent table.pubsTable th img.center {
 display:block;
 text-align: center !important;
 margin: 0 auto; /* center align in IE8, firefox */
}

div#content div#mainContent table thead th {
  background:#E8E8E8 url(/images/table-th-bg.jpg) repeat-x 50%;
  border-bottom:1px solid #999;
  border-right:1px solid #CCC;
  font-weight:bold;
  text-align:left;
  vertical-align:middle;
}
div#content div#mainContent table thead th.liteBorder {
border-bottom:1px solid #CCC;
}

div#content div#mainContent table tbody th,
div#content div#mainContent table tbody td {
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
  padding:3px 3px 3px 12px;
}

div#content div#mainContent table thead th.centeredText,
div#content div#mainContent table tbody td.centeredText {
  text-align: center;
}

div#content div#mainContent table tbody th {
  font-weight:bold;
  text-align:left;
}

div#content div#mainContent table tbody tr:hover {
  background-color:#F7F7F7;
}

/* =features
Features/Benefits Table Styles */

div#content div#mainContent table.features {
  border-top:5px solid #C9E39C;
}

div#content div#mainContent table.features thead {
  display:none;
}


/* =zebra
Zebra Striping Table Styles */

div#content div#mainContent table.zebra tbody tr:nth-child(odd) {
  background-color:#F7F7F7;
}

div#content div#mainContent table.zebra tbody tr:hover {
  background-color:transparent;
}

/* =widths
Width Styles */

div#content div#mainContent table .td10 { 
  width:10%; 
}

div#content div#mainContent table .td13 { 
  width:13%; 
}

div#content div#mainContent table .td14 { 
  width:14%; 
}

div#content div#mainContent table .td15 { 
  width:15%; 
}

div#content div#mainContent table .td17 {  
  width:17%; 
}

div#content div#mainContent table .td20 {  
  width:20%; 
}

div#content div#mainContent table .td25 {  
  width:25%; 
}

div#content div#mainContent table .td30 {  
  width:30%; 
}

div#content div#mainContent table .td33 {  
  width:33%; 
}

div#content div#mainContent table .td35 {  
  width:35%; 
}

div#content div#mainContent table .td40 {  
  width:40%; 
}

div#content div#mainContent table .td50 {  
  width:50%; 
}

div#content div#mainContent table .td60 {  
  width:60%; 
}

div#content div#mainContent table .td70 {  
  width:70%; 
}

div#content div#mainContent table .td75 {  
  width:75%; 
}

div#content div#mainContent table .td80 {  
  width:80%; 
}

div#content div#mainContent table .td90 {  
  width:90%; 
}

/* =access
Account Access Table Styles */

body.bodyAccountAccess div#content div#mainContent table.features tbody tr td img {
 padding-bottom:3em;
}


/* =defaultPrevention
Default Prevention Plan Table Styles */

body.bodyDefaultPrevention div#content div#mainContent table tbody tr:hover {
  background-color:#FFF !important;
}
body.bodyDefaultPrevention div#content div#mainContent table tbody tr.formError {
  color: #CC0000 !important;
  display: none;
}
body.bodyDefaultPrevention div#content div#mainContent table.defaultPrevention tbody tr td form ol li {
  margin-bottom: 10px;
}
body.bodyDefaultPrevention div#content div#mainContent table tbody tr td.level {
  padding: 0 !important;
}
body.bodyDefaultPrevention div#content div#mainContent table tbody tr td.level ul {
  margin: 0 !important;
  padding: 0 !important;
}
body.bodyDefaultPrevention div#content div#mainContent table tbody tr td.level ul li {
  border-bottom:1px solid #CCC;
  list-style: none !important;
  padding:.615em !important; /* 8px */
}
