.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.container_16 .grid_16 {
	width: 100%;
}

.divider {
	margin-top: 10px;
	margin-bottom: 20px;
}
	
.button {
	/* appearance */
	background-color: #3f3f3f;
	border: 1px solid #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 rgba(139,139,139,1) inset, 0 1px 0 rgba(88,88,88,1);
	-moz-box-shadow: 0 1px 0 rgba(139,139,139,1) inset, 0 1px 0 rgba(88,88,88,1);
	box-shadow: 0 1px 0 rgba(139,139,139,1) inset, 0 1px 0 rgba(88,88,88,1);
	cursor: pointer;
	
	/* position */
	display: inline-block;
	margin: 10px;
	
	/* size */
	padding: 0 10px;
	
	/* text */
	color: #eaeaea;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	white-space: nowrap;
	}
.button:hover {
	/* appearance */
	background-color: #6495ed;
	-webkit-box-shadow: 0 0 3px #6495ed;
	-moz-box-shadow: 0 0 3px #6495ed;
	box-shadow: 0 0 3px #6495ed;
	}

.myTableWrapper {
	width: 800px;
	height: 500px;
	}
.height {
	overflow-x: auto;
	overflow-y: auto;
}

.fancyTable td{
	/* appearance */
	border: 1px solid #FFFFFF;

	/* size */
	padding: 5px;
	}
.fancyTable th {
	  /* appearance */
	  border: 1px solid #000000;

	  /* size */
	  padding: 5px;
}

.fancyTable tbody tr td {
	/* appearance */
	background-color: var(--cpm-concrete-colour);
	/* text */
	color: #262c31;
	font-size: 12px;
	}

.fancyTable tbody tr.odd td {
	/* appearance */
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 0%,
		rgba(255,255,255,0.1) 0%,
		rgba(255,255,255,0.0) 0);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(0%,rgba(255,255,255,0.2)),
		color-stop(0%,rgba(255,255,255,0.1)),
		color-stop(0%,rgba(255,255,255,0.0)));
	}

.fancyTable thead tr th,
.fancyTable thead tr td,
.fancyTable tfoot tr th, 
.fancyTable tfoot tr td {
	/* appearance */
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;
	}
	

/* Fancy Dark Table */	
.fancyDarkTable .numeric {
	/* text */
	text-align: right;
	}

.fancyDarkTable td, .fancyDarkTable th {
	border: 1px solid #ffffff;
	padding: 5px;
}

.fancyDarkTable thead tr th {
	padding: 10px 5px 10px 5px;
	}

.fancyDarkTable tbody tr td {
	/* appearance */
	background-color: #48535e;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.0) 0%,
		rgba(255,255,255,0.02) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.0)),
		color-stop(100%,rgba(255,255,255,0.02)));
	border-bottom-color: #22272e;
	border-top-color: #708090;
	border-right-color: #000;
	border-left-color: #3c454f;

	/* size */
	padding: 10px 5px 30px 5px;

	/* text */
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000000;
	}


.fancyDarkTable thead tr th,
.fancyDarkTable tfoot tr td {
	/* text */
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000;
	}
	
.fancyDarkTable .fht-head {
	-webkit-box-shadow: 0 5px 10px #000;
	z-index: 1;
	position: relative;
	}

.headcol-table {
	position: absolute;
	width: 235px !important;
	left: 15px;
	top: auto;
	padding: 4px;
	color: #000000 !important;
	text-align: left !important;
	/*only relevant for first row*/
	margin-top: -1px;
}
.availability-search .headcol-table {
	left: 18px;
}
.rs-row .headcol-table {
	background-color: var(--cpm-concrete-colour)
}

.headcol-table input[type="checkbox"] {
	margin: 0 4px 0 0;
}