/*
 * Tables.less
 * Tables for, you guessed it, tabular data
 * ---------------------------------------- */
table.styled {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  font-size: 13px;
  border-collapse: collapse;
}
table.styled th, table.styled td {
  padding: 10px 10px 9px;
  line-height: 18px;
  text-align: left;
}
table.styled th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
}
table.styled td {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table.styled tbody th {
  border-top: 1px solid #ddd;
  vertical-align: top;
}
.condensed-table.styled th, .condensed-table.styled td {
  padding: 5px 5px 4px;
}
.bordered-table.styled {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7, collapse table.styled to remove spacing */

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bordered-table.styled th + th, .bordered-table.styled td + td, .bordered-table.styled th + td {
  border-left: 1px solid #ddd;
}
.bordered-table.styled thead tr:first-child th:first-child, .bordered-table.styled tbody tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.bordered-table.styled thead tr:first-child th:last-child, .bordered-table.styled tbody tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.bordered-table.styled tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.bordered-table.styled tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
table.styled .span1 {
  width: 20px;
}
table.styled .span2 {
  width: 60px;
}
table.styled .span3 {
  width: 100px;
}
table.styled .span4 {
  width: 140px;
}
table.styled .span5 {
  width: 180px;
}
table.styled .span6 {
  width: 220px;
}
table.styled .span7 {
  width: 260px;
}
table.styled .span8 {
  width: 300px;
}
table.styled .span9 {
  width: 340px;
}
table.styled .span10 {
  width: 380px;
}
table.styled .span11 {
  width: 420px;
}
table.styled .span12 {
  width: 460px;
}
table.styled .span13 {
  width: 500px;
}
table.styled .span14 {
  width: 540px;
}
table.styled .span15 {
  width: 580px;
}
table.styled .span16 {
  width: 620px;
}
.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
  background-color: #f5f5f5;
}
table.styled .header {
  cursor: pointer;
}
table.styled .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
table.styled .headerSortUp, table.styled .headerSortDown {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table.styled .header:hover:after {
  visibility: visible;
}
table.styled .headerSortDown:after, table.styled .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table.styled .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table.styled .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}
table.styled .headerSortUp.blue, table.styled .headerSortDown.blue {
  background-color: #ade6fe;
}
table.styled .green {
  color: #46a546;
  border-bottom-color: #46a546;
}
table.styled .headerSortUp.green, table.styled .headerSortDown.green {
  background-color: #cdeacd;
}
table.styled .red {
  color: #9d261d;
  border-bottom-color: #9d261d;
}
table.styled .headerSortUp.red, table.styled .headerSortDown.red {
  background-color: #f4c8c5;
}
table.styled .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}
table.styled .headerSortUp.yellow, table.styled .headerSortDown.yellow {
  background-color: #fff6d9;
}
table.styled .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}
table.styled .headerSortUp.orange, table.styled .headerSortDown.orange {
  background-color: #fee9cc;
}
table.styled .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}
table.styled .headerSortUp.purple, table.styled .headerSortDown.purple {
  background-color: #e2d5f0;
}