/* ultragrid */
.ultragrid {
	border-color: #c2d5dc;
	border-style: solid;
	border-width: 1px;
}

/* grid */
div.gridbox{ /*als je een skin insteld krijgt de grid div een border bij ultraware staat de border op de buitenste div*/
	border: none !important;
}

div.gridbox th,
div.gridbox td {
 	padding: 0;
}

div.gridbox table.obj td,
div.gridbox table.obj th {
	vertical-align: middle;
}

div.gridbox table {
	border-collapse:separate;
	empty-cells: show;
}

div.gridbox table.hdr,
div.gridbox .xhdr{
	background-image: url(grid_header.png);
	background-position: bottom;
	background-color: #DFEEF3;
}

div.gridbox table.hdr td {
	border-color : #FDFDFD #93AFBA #93AFBA #FDFDFD;
	background-color:transparent;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	vertical-align:bottom;
	text-align:left;
	padding: 0;
}

div.gridbox table.hdr td div.hdrcell{
	xwidth:auto;
	padding: 2px 2px;
}

div.gridbox table.hdr td:last-child{
	margin-right:-1px;
	border-right-width: 1px !important;
}

div.gridbox table.hdr .filter{
	padding-left:0px !important;
	text-align:center;
	-moz-user-select:text;
}

div.gridbox table.obj td {
	border: 1px solid white;
	border-right: 1px solid #D6D6D6;
	font-family:Tahoma;
	font-size:11px;
	padding: 0 4px;
}

div.gridbox table.row20px tr td {
	padding-right:4px;
	padding-left:4px;
	line-height:12px;
}

/* strart dhtmlx maakt zelf de regels in ie 2 pixels hoger. Daardoor werkt setAwaitedRowHeight niet goed. Daarom zetten we de regelhoogte in ei naar 18 (+2 van de border) hierdoor word hij in ie ook 20px*/
.msie div.gridbox table.row20px tr td,
.safari div.gridbox table.row20px tr td,
.chrome div.gridbox table.row20px tr td {
	height: 18px;
}

/*De treecell word door dhtmlx in ie naar 20px gezet i.p.v 18 zoals in firefox. Dit fixed dit*/
.msie div.gridbox table.row20px tr td .treegrid_cell,
.safari div.gridbox table.row20px tr td .treegrid_cell,
.chrome div.gridbox table.row20px tr td .treegrid_cell {
	height: 18px !important; 
}
/* eind dhtmlx maakt zelf .......*/

div.gridbox table.row20px tr {
	padding-right:4px;
	padding-left:4px;
	line-height:12px;
}

div.gridbox .dhx_combo_edit{
  font-family:Tahoma;
	font-size:11px;
}

div.gridbox div.ftr  {
	background-color:#F3F3F3;
	/*height: 19px;*/
}

div.gridbox div.ftr td {
	background-color:#F3F3F3;
	empty-cells:show;
	border: 0px;
	font-size:11px;
	font-style:normal;
	padding: 0 4px;
}

.dhx_header_cmenu_item input{
	margin: 0 3px;
}

.dhx_sub_row{
	border:1px solid #C2D5DC;
	margin-left: 2px !important; /*fix voor de border origineel is hij 4*/
	
}

/* buttonbar */
.gridButtonBar  {
	background-color: white;
	height:24px;
	border-top: 1px solid #C2D5DC;
	padding: 8px;
}

.gridButtonBar button, .gridButtonBar a {
	background-color: #d4e2e5;
	border:1px solid #C2D5DC;
	color: #055A78;
	cursor:pointer;
	font-family:tahoma,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.2em;
	margin: 0 5px;
	line-height:16px;
	text-decoration: none;
	padding: 1px 5px 3px 5px;
}

.gridButtonBar button:hover ,.gridButtonBar a:hover {
	background-color: white;
	border-color: #C2D5DC;
	color: black;
}


/* statusbar */
.gridStatusBar {
	background-color: #DFEEF3;
	background-image: url(grid_header.png);
	border-top: 1px solid #c2d5dc;
	height: 16px;
}

.gridStatusBar .statusBarItem {
	border: 0;
	float: left;
	height: 16px;
	padding: 0 2px;
	line-height:16px;
}

.firefox .gridStatusBar .statusBarItem{
	overflow:hidden; /*in firefox word de a tag om het excell icoon op de een of andere maniet te laag gezet. Als je dan een grid hebt met excell icoon en zonder button bar dan krijgt het grid een*/
}

.gridStatusBar .statusBarItem table{
	border-collapse:collapse;
	border-spacing:0;
}

.gridStatusBar .statusBarItem  td{
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
	padding:0 2px;
	border-right: 1px solid #C2D5DC;
}

.gridStatusBar .statusBarItem  img{
	padding-top:1px;
}

div.gridbox table.obj td.group_row {
	border-color: #D6D6D6 transparent navy;
	border-style:solid none solid;
	border-width:1px 0 2px;
}

/* skin light */
.gridStatusBar_light {
	background-color: #D4E2E5;
	border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD;
}

.gridStatusBar_light > div {
	border-color: #93AFBA #FDFDFD #FDFDFD #93AFBA;
}
div.gridbox table.hdr td.columnSelected,
div.gridbox table.obj td.columnSelected {
	background-color: #95CFEE;
	color: black;
}