table#data_table_list
{
  margin:14px auto;
}
a {
  color:black;
}
a:hover {
  color:#f05a28;
}


/***************
Search Bar
***************/
#data_table_list_filter {
  /* pulled out of global.css */
  margin: 0;
}

#data_table_list_filter input {
  font: 22px/1em "MuseoSlab-300";
  margin-top: 20px;
  margin-bottom: 20px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding-left: 32px; /* move the placeholder text to the right of the search icon*/
  background-image: url(../img/lightbox_search_icon.png);
  background-position: 8px 50%;
  background-repeat: no-repeat;
}


/***************
Table Headers
***************/
table.dataTable thead th {
  padding: 3px 18px 3px 10px;
  cursor: pointer;
  *cursor: hand;
}

table.dataTable thead th.sort-by {
  padding-right: 0px;
}

table#data_table_list thead tr
{
  height: 50px;
}

table#data_table_list th
{
  float:left;
  font-family: "MuseoSlab-300";
  font-size: 12px;
  font-weight: normal;
}

th.sorting_asc, th.sorting_desc {
  text-decoration: underline;
}

th.no-display {
  display: none;
}


/***************
Table Data 
***************/
table#data_table_list {
  /*border-collapse: collapse;*/
}

tr.course-row {
  border-color: white;
  border-style: dotted none; 
  border-width: 2px;
}

tr.course-row:hover {
  border-color: gray;
  border-style: dotted none;
}

.table-font {
  font-family: "MuseoSlab-300";
  font-size: 12px;
  font-style: italic;
}

td.slim * {
  /* all children of a td with a slim class
   * used to not set font-size on foundation size tags */
  font-family: "MuseoSlab-300";
  font-size: 12px;
  height: 20px; /* required for :hover on Table Rows  (when floating td elements) */
}

td.no-display {
  display: none;
}

table#data_table_list tr:nth-child(even)
{
  /*background: url(../img/dashboard_activity_alt_on_bg.gif);*/
}

/* underline all links in the table body */
table#data_table_list tbody td a {
  text-decoration: underline;
}

/* rows of course data */
table#data_table_list tbody tr {
  width: 840px;
}


/***************
Slim Row
***************/
table.dataTable td.sort-by {
  /* hack - Provide positioning for the "sort by text" */
  display:none;
}

td.note-count * {
  font-size: 12px;
  /*width: 400px; [> 100% minus td.date width -- make sure the next line wraps <]*/
}


/***************
Fat Row
***************/
td.course-name * {
  font-family: "MuseoSlab-300";
  font-size: 18px;
}

table#data_table_list td div.upload {
  width: 45px;
  height: 45px;
  visibility: hidden;
  font-size: 34px;
  text-align: center;
  vertical-align: middle;
  margin-top: -8px;
}

table#data_table_list td div.upload i {
  display: block;
  cursor: pointer;
}

table#data_table_list td div.upload a {
  text-decoration: none;
}

table#data_table_list tr:hover td div.upload {
  visibility: visible;
}

/* OPENTIP configuration */
.ot-content {
  font-family: "MuseoSlab-300";
  font-size: 18px;
}

/* CSS HACKS */
/* Makes lines look better */
td.columns {
  line-height: 1.5em;
}

table#data_table_list tr td:last-child {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  /* pulled out of global.css */

  table#data_table_list .table-font {
    font-family: "MuseoSlab-300";
    font-size: 18px;
    font-style: normal;
  }

  table#data_table_list tr td:last-child {
    /* override some vrtial margin spacing for the front page table */
    margin-bottom: 0;
  }
}
