﻿/* Grid */
.u-grid {
	position: relative;
	font-family: 'Open Sans', sans-serif;
}

.visible_important,
.ui-tabs .visible_important.ui-tabs-hide {
	display: block !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Grid table */
.u-grid table {
	width: 100%;
	margin: 0;
	background-color: white;
	border: solid 1px #808080;
	border-spacing: 0;
	*table-layout: fixed; /* fix IE7 */
	*border-collapse: expression('separate', cellSpacing = '0px'); /* fix IE7 - border-spacing */
	table-layout: fixed;
}

	.u-grid table td {
		padding: 2px 3px;
	}

	.u-grid table thead th {
		padding: 4px 2px;
		border: none;
		border-right: solid 1px #dfe0e5;
		color: #696969;
	}

	.u-grid table tbody tr {
		-webkit-user-select: none; /* Chrome all / Safari all */
		-moz-user-select: none; /* Firefox all */
		-ms-user-select: none;
	}

	.u-grid table tbody td {
		border-left: solid 1px #dfe0e5;
		border-bottom: solid 1px #dfe0e5;
	}

		.u-grid table tbody td:first-child {
			border-left: none;
		}

		.u-grid table tbody td.u-icon-progress {
			background-position: right;
			background-repeat: no-repeat;
            padding-right: 2px
		}

		.u-grid table tbody td span.transfer.u-icon-transfer {
			padding-left: 18px;
			background-position: 1px center;
			background-repeat: no-repeat;
		}

	.u-grid table tbody tr.selected,
	.u-grid table tbody tr.selected a {
		background-color: #1b83c8;
		color: #fff;
	}

	.u-grid table tbody tr:hover {
		background-color: #bbb;
	}

	.u-grid table tbody tr.selected:hover {
		background-color: #53b7fa;
		color: #fff
	}

	.u-grid table tbody tr.selected:hover a {
		background-color: #53b7fa;
		color: #fff
	}

	.u-grid table tbody a {
		font-weight: bold;
		text-decoration: none;
		color:#7CC542;
	}

	.u-grid table tr:hover a {
	}

	.u-grid table tfoot {
		color: White;
	}

		.u-grid table tfoot td {
			padding: 4px 2px;
		}

	.u-grid table thead,
	.u-grid table tfoot {
		background-color: #d9d9d9;
	}

		/* Grid sorting */
		.u-grid table thead th span {
			display: inline-block;
			background-repeat: no-repeat;
		}

		.u-grid table thead th.asc span {
			padding: 0 12px 0 0;
			background-image: url(../images/sort.png);
			background-position: right 6px;
		}

		.u-grid table thead th.desc span {
			padding: 0 12px 0 0;
			background-image: url(../images/sort.png);
			background-position: right -48px;
		}

	/*Editing*/
	.u-grid table tbody td.editing {
		padding: 0;
	}

		.u-grid table tbody td.editing input,
		.u-grid table tbody td.editing select {
			width: 100%;
			padding: 0;
		}

	/*Selectable*/
	.u-grid table tbody tr.u-selectable {
		cursor: pointer;
	}

/* Grid pagination */
.u-grid .pagination {
	display: inline;
	width: 100%;
	margin: 3px 0;
	padding: 0 !important;
	text-align: center;
}

	.u-grid .pagination a {
		display: inline-block;
		width: 22px;
		margin: 0 2px;
		text-align: center;
		color: #006661;
		text-decoration: none;
		border: solid 1px #bbb;
		background-color: #eee;
		background-repeat: repeat-x;
		background-position: 0 center;
	}

		.u-grid .pagination a.selected,
		.u-grid .pagination a:hover {
			color: white;
			background-color: #7CC542;
			border: solid 1px #7CC542;
		}

/* Grid fixed header */
.u-grid table {
	border: none;
	/*border-bottom:solid 1px #ccc;
	border-bottom:solid 1px #ccc;*/
	border-collapse: collapse; /*IE7 empty cell show*/
}

.u-grid .u-grid-header-fixed {
	/*padding-right: 16px;*/
	border: solid 1px #dfe0e5;
	border-bottom: none;
    background-color: #808080;
}

.u-grid .u-grid-data {
	overflow-x: hidden;
	border: solid 1px #dfe0e5;
	*padding-right: 15px;
}