/**************************************************************

	Sortable Table
	v 1.4

**************************************************************/

table.sortableTable {
	border: 0px solid #ccc;
	width: 100%;
		font: 10px microsoft sans serif, verdana, arial;
		font-weight: normal;
		color: #333;
		padding: 0px;
		margin: 0px;
		margin-top: 6px;
		margin-bottom: 3px;
		text-align:left;
}

table.sortableTable th {
	background-color: #eee;
	background: #eee url(../images/icon-table-sort.png) no-repeat 2px 8px;
	padding: 4px 4px 4px 14px;
}

table.sortableTable tr {
	background-color: #eee;
	padding: 4px;
}

table.sortableTable tr.altRow {
	background-color: #fff;
}

#altRow over {
	background-color: #333;
}

table.sortableTable td {
	padding: 0 2px;
}

.rightAlign {
	text-align: right;
}



.sortedASC {
	background: url(../images/icon-table-sort-asc.png) no-repeat 2px 4px #eee;
}

.sortedDESC {
	background: url(../images/icon-table-sort-desc.png) no-repeat 2px 10px #eee;
}

.tableHeaderOver {
	cursor: pointer;
	color: #354158;
}


/*tr.selected {
	background-color: gold;
	color: #fff;
}*/

tr.over {
	background-color: #354158;
	color: #fff;
	cursor: pointer;
}

tr.hide {
	display: none;
}

/***************************/
.tableFilter {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 10px 0;
	white-space:nowrap;
}

.tableFilter input {
	border: 1px solid #ccc;
}

.tableFilter select {
	border: 1px solid #ccc;
}


/*************************************************************/


.scrollTableContainer {
	clear:both;
    display: table-cell;
}

.scrollTable thead tr {
	clear:both;
    position: relative;
	left:0;
	top:0;
}

.scrollTable tbody {
     overflow: auto;
}

.scrollTable tbody tr {
     height: auto;
}

.scrollTable tbody tr td:last-child {
     padding-right: 20px;
}

	.tblHeader {
		border-bottom: 1px solid black;
		/*width: 137px;*/
		margin-top: 3px;
		margin-bottom: 1px;
		font: 12px verdana, arial, sans-serif;
		font-weight:bold;
		background-color: #f6f6f6;
		vertical-align: absmiddle;
	}

	.tblRowAlt {
		border-bottom: 1px solid #999;
		font: 10px verdana, arial, sans-serif;
		background-color: #f6f6f6;
		padding: 1px; 
		margin: 0px;
	}

	.tblRow {
		border-bottom: 1px solid #999;
		font: 10px verdana, arial, sans-serif;
		background-color: #fff;
		padding: 1px; 
		margin: 0px;
	}