/***************************************
   =TABLES
-------------------------------------- */

table.item th,
table.item td {
  padding: 3px 6px;
  vertical-align: top;
}
table.item th {
	padding-left:10px;
  text-align: left;
  color: #fff;
}
table.item thead th {
	padding-left:20px;
  background-color: #15b;    
  white-space:nowrap;
}
table.item .sortable thead th {
  padding-left: 18px;
}
table.item tbody th {
  background-color: #6f93ce;
  padding-left: 6px;
}
table.item .date-column {
  width: 40px;
}
th img {
  float: left;
}
.clickable {
	cursor:pointer;
}

tr.even,
tr.first {
  background-color: #eee;
}
tr.odd,
tr.second {
  background-color: #ddd;
}
tr.third {
  background-color: #ccc;  
}

td.sorted {
	background: #ffd;
}
th.clickable {
  background: transparent url(sort-arrows.png) no-repeat 0 0;
  height:10px;
}
th.sorted-asc {
 background-position: 0 -20px;
}
th.sorted-desc {
  background-position: 0 -40px;
}

.filtered {
  display: none;
}

/* filterable table */

#content table.filterable {
  width: 78%;
  
}
#content .filters {
 float: right;
 width: 19%;
 padding-left:5px;
}

#content .filterable thead th {
  padding-left: 6px;
}
div.pager {
  margin-bottom: .25em;
}

div.pager .page-number,
.filter {
  padding: .2em;
}
div.pager .page-number {
  border: 1px solid #ccc;
  margin-right: 2px;
  cursor:pointer;
  font-size:9pt;
}
div.pager .active {
  background: #ccf;
  border: 1px solid #006;
}


#content tr.highlight {
  background: #ff6;
}
#content tr.plain {
  background: #fff;
}
#tooltip {
  position: absolute;
  z-index: 2;
  background: #efd;
  border: 1px solid #ccc;
  padding: 3px;
}