stable.css

/*
Copyright Emil A Eklund - Column List Widget 1.03
  (http://webfx.eae.net/dhtml/collist/columnlist.html)
Copyright Erik Arvidsson - Sortable Table 1.12
  (http://webfx.eae.net/dhtml/sortabletable/sortabletable.html)
Copyright (c) 2011 BitTorrent, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

.stable {
	background: #FFFFFF;
	border: 1px solid #868686;
	overflow: hidden;
	display: block;
	-moz-user-select: none;
	-moz-user-focus: normal;
	-moz-user-input: enabled;
	position: relative;
}

.stable td {
	empty-cells: show;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	padding: 1px;
}

.stable td div {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
}

.stable-head {
	position: relative;
	overflow: hidden;
	background: transparent url(./images/header.png) repeat-x scroll center top;
	z-index: 10;
	-webkit-user-select: ignore !important;
	-moz-user-select: none !important;
}

.stable-head table {
	table-layout: fixed;
	width: 0;
}

.stable-head td {
	border: 1px solid;
	border-color: #FFFFFF #D0D0D0 #D0D0D0 #FFFFFF;
	padding: 1px 0.5em;
}

.stable-head td:hover {
	border-bottom: 1px solid #868686;
	background-color: #FFFFFF;
}

.stable-head .sorted {
	padding-right: 0;
}

.stable-head .sorted div {
	padding-right: 16px;
	position: relative;
}

.stable-head .sorted span {
	background: transparent url(./images/arrow.png) no-repeat scroll right -32px;
	clip: rect(0 16px 16px 0);
	margin: -8px 0;
	padding: 8px;
	position: absolute;
	right: 0;
	top: 50%;
}

.stable-head .sorted span.asc {
	background-position: right -16px;
}

.stable-head .sorted span.desc {
	background-position: right 0;
}

.stable-body {
	background: #FFFFFF;
	overflow: auto;
	position: relative;
}

.stable-body table {
	table-layout: fixed;
	position: relative;
	width: 0;
}

.stable-body tr {
	cursor: pointer;
}

.stable-body tr.odd td {
	background-color: #F2F2F2;
}

.stable-body tr.even td {
	background-color: #FFFFFF;
}


.stable-body tr.selected td {
	background-color: #C0C0C0 !important;
	color: #FFFFFF !important;
}

.stable-body td {
	width: 100%;
	padding: 2px 5px;
	overflow: hidden;
}

.stable-icon div {
	overflow: hidden;
	padding-left: 19px !important;
	position: relative;
}

.stable-body .icon {
	margin: 0;
	padding: 0;
}

.stable-icon .icon {
	background: transparent url(./images/blank.gif) no-repeat scroll 5px top;
	clip: rect(0 16px 16px 0);
	left: 0;
	margin: -8px 0;
	padding: 8px;
	position: absolute;
	top: 50%;
}

.stable-move-header {
	position: absolute;
	background-color: #FFFFFF;
	top: 0px;
	padding: 1px 0.5em;
	opacity: 0.70;
	-moz-user-select: none;
	visibility: hidden;
	border: 1px solid #868686;
	overflow: hidden;
}

.stable-active-header {
	border-color: threedface !important;
}

.stable-separator-header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 1px;
	overflow: hidden;
	visibility: hidden;
	background: #A0A0A0;
	padding: 3px 0px;
	z-index: 100;
}

.stable-infobar {
	background: #FFFFFF;
	border-top: 1px solid #868686;
	bottom: 0;
	height: 2em;
	left: 0;
	position: absolute;
	right: 0;
}

.stable-infobar .pageInfo {
	padding: 4px;
	float: left;
}

.stable-infobar .refreshBtn {
	height: 16px;
	padding: 6px 4px 2px 4px;
	float: right;
}

.stable-infobar .refreshBtn span {
	padding: 1px 8px 2px;
	background: transparent url(./images/table_refresh.png) no-repeat scroll center center;
	cursor: pointer;
}

.stable-infobar .pageChanger {
	padding: 4px;
	float: right;
}

.stable-infobar .pageChanger select {
	min-width: 40px;
}

.stable-infobar .pageChanger .prevlink, .stable-infobar .pageChanger .nextlink {
	padding: 2px 8px 1px;
	margin: 0 2px;
	background: url(./images/nextprev.png) no-repeat;
	cursor: pointer;
}

.stable-infobar .pageChanger .prevlink {
	background-position: -16px center;
}

.stable-infobar .pageChanger .nextlink {
	background-position: -32px center;
}

.stable-infobar .pageChanger .prevlink:hover {
	background-position: 0px center;
}

.stable-infobar .pageChanger .nextlink:hover {
	background-position: -48px center;
}

.stable-infobar .pageChanger .disabled {
	opacity: 0.25;
}

.stable-pad {
	height: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.stable-hidden-column {
	display: none;
}

.stable-progress {
	background: #FFFFFF;
	border: 1px solid #B0B0B0;
	color: #000000 !important;
	height: 90%;
	line-height: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.stable-progress-bar {
	background: #3687ED;
	bottom: 0;
	color: #FFFFFF !important;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}