
.inputGrid-container {
	overflow: auto;
	padding: 0;
	margin: 0 auto;
	width: 800px;
/*	background-color: #F0F0F0; */
	background-color: #D0D0D0;
}
.inputGrid-error {
	margin: 2em 4em;
	padding:2em 4em;
	color:red;
	background-color:white;
}
.inputGrid-header {
	margin: 0;
	padding: 12px 18px;
	width: 764px;
	color: white;
	background-color: #ABABAB;
/*	border-top: 12px solid #F0F0F0; */
	border-top: 12px solid #D0D0D0;
}
.inputGrid-header .controls {
	float: right;
}
.inputGrid-header .controls span {
	margin: 0;
	padding: 8px;
	cursor: pointer;
}
.inputGrid-header .controls span:hover {
	color: black;
	background-color: white;
}
.inputGrid-text {
	margin: 12px 18px 0 18px;
	padding: 0;
	background-color:white;
	border: 1px solid #ABABAB;
}
.inputGrid-text input {
	margin: 0;
	padding: 4px 8px;
	border: none;
}
.inputGrid-value {
	width: 500px;
}
.inputGrid-date {
	width: 196px; /* 01MAY2013 - IE_UPDATEGRID_BROKEN - calendar icon placed 1px too wide in IE */
	text-align: right;
	cursor: pointer;
}
.inputGrid-container .ui-datepicker-trigger {
	width: 21px;
	height: 19px; /* 01MAY2013 - IE_UPDATEGRID_BROKEN - calendar icon placed 1px too wide in IE */
	padding: 0 4px 2px 4px;
	cursor: pointer;
}
.inputGrid {
	margin: 12px 18px 18px 18px;
	padding: 0;
	width: 760px;
	border: 2px solid #ABABAB;
	overflow: hidden;		
}
.inputGrid-layout {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
.inputGrid-layout > tbody > tr, .inputGrid-layout > tbody > tr > td {
	margin: 0;
	padding: 0;
	border: none;
}
.inputGrid-labels {
	margin: 0;
	padding: 0;
	min-width: 225px;
	border-collapse: collapse;
	vertical-align: top; /* 01MAY2013 - IE_UPDATEGRID_BROKEN - uparrow at top row expands grid vertically in IE */
}
.inputGrid-labels table {
	width: 100%;
	border-collapse: collapse;
}
.inputGrid .label-slack {
	background-color: #ABABAB;
}
.inputGrid-grid {
	position: relative;
	margin: 0;
	padding: 0;
	width: 535px;
	overflow: auto;
	border: none;
}
.inputGrid-grid table, .inputGrid-supplement table {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}
.inputGrid-layout td, .inputGrid-labels td {
	margin: 0;
	padding: 0;
	border: 1px solid #C0C0C0;
}
.inputGrid-supplement {
}
.inputGrid-supplement table {
	border-left: 4px solid #C0C0C0;
	border-collapse: collapse;
}
.inputGrid .cell, .inputGrid .date, .inputGrid .title {
	padding: 2px;
	min-height: 20px;
	max-height: 20px; /* 05DEC2014 GRID_TITLES_ELLIPSIS */
	min-width: 80px;
	color: black;
	background-color: white;
	border: 2px solid white;
}
.inputGrid .date {
	text-align: center;
}
.inputGrid .date-border {
	height: 4px;
	background-color: #ABABAB;
}
.inputGrid .title {
	/* 05DEC2014 GRID_TITLES_ELLIPSIS */
	max-width: 225px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inputGrid .cell.old {
	color: #444444;
	background-color: #EDEDED;
	border: 2px solid #EDEDED;
}
.inputGrid .cell.selected {
	border: 2px solid #4D90FE;
}
.inputGrid textarea {
	border: 2px solid #000080;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
}

