
div.datagrid { margin-bottom:15px; /* float:left; width:100%; */ }
div.datagrid table.datagrid-table .loading { background-image:url('loading_16.png'); padding-left:23px; background-repeat:no-repeat; }
div.datagrid table.datagrid-table { width:100%; }

div.datagrid table { margin:0em 0; border-collapse:collapse; }
div.datagrid table td, div.datagrid table th { border:1px solid #eee; /* padding:0.6em 10px; */ padding:0.5em 6px; text-align:left; vertical-align:top; line-height:16px; }
div.datagrid table th { border-top:1px solid #D3D3D3 !important; }

div.datagrid table td.row-count, div.datagrid table th.row-count { width:1px; text-align:center; }
div.datagrid table th.header { vertical-align:middle; padding-right:15px; /* make space for the tablesorter icon  */ }

div.datagrid .row-count { width:1px; text-align:center; }
div.datagrid table td.row-count, div.datagrid table th.row-count { text-align:center; }
div.datagrid th.row-count { color:#666666; }
div.datagrid td.row-count { color:#999999; }
div.datagrid th.control { width:1px; border-left:1px solid #D3D3D3 !important; } 
div.datagrid-editor label, div.datagrid-editor input { display:block; }

/* .control { border-left:1px solid #D3D3D3 !important; padding:0.6em 5px; vertical-align:middle; } */
/* .control div {  } */

div.datagrid .control .ui-icon {background-image: url(jqueryui/css/theme/images/ui-icons_888888_256x240.png); }
div.datagrid .control .ui-icon:hover {background-image: url(jqueryui/css/theme/images/ui-icons_454545_256x240.png); }
div.datagrid table.datagrid-table tr:hover td { background-color:#F9F9E6; background-image:none; }
/*
div.datagrid .control div.control-group { } 
div.datagrid .control div.control-group div.controls { display:none; position:absolute; background-color:#CCCCCC; padding:3px; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-raidus:5px; border-radius:5px; }
div.datagrid .control div.control-group div.controls div { float:left; margin:2px; }
div.datagrid .control div.control-group:hover div.controls { display:block;  }
div.datagrid .control div.control-group:hover div.controls-toggle { display:none; } 
div.datagrid .control .ui-icon:hover { cursor:pointer; }
div.datagrid .control .ctrl-none { display:none !important; }
*/
div.datagrid div.datagrid-checkbox input { padding:0px; margin:0px; margin-left:2px; margin-top:2px; }
div.datagrid .control div.control-group { position:absolute; padding:2px; margin-left:-3px; margin-top:-3px; } 
div.datagrid .control div.control-group div { float:left; } 
div.datagrid .control div.control-group:hover { background-color:#CCCCCC; margin-left:-4px; margin-top:-4px; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-raidus:5px; border-radius:5px; } 
div.datagrid .control div.control-group:hover div.sub-control { float:left; display:block; } 
/* div.datagrid .control div.control-group:hover div, div.datagrid .control div.control-group:hover div.controls div { float:left; background-color:#CCCCCC; } */
div.datagrid .control div.control-group div.sub-control { 
  display:none; 
  margin-left:3px;
/*
  background-color:#CCCCCC; 
  padding:3px; 
  border:1px solid #eee;
*/ 
  /* -moz-border-radius:5px; -webkit-border-raidus:5px; border-radius:5px;  */
}

div.datagrid .control div.control-group div.controls div { /* float:left; margin:2px; */ }
/*
div.datagrid .control div.control-group:hover div.controls { display:block;  }
div.datagrid .control div.control-group:hover div.controls-toggle { display:none; } 
*/
div.datagrid .control .ui-icon:hover { cursor:pointer; }
div.datagrid .control .ctrl-none { display:none !important; }



div.datagrid div.paginator { margin:10px 0px; margin-left:-3px; }
div.datagrid div.paginator a { padding:3px; margin:3px; border:1px solid #666666; width:25px; }
div.datagrid div.paginator a.current-page { background-color:#CCCCCC; }
div.datagrid div.paginator a.disabled { cursor:auto; color:#666666; border:1px solid #CCCCCC; }

.clickable { cursor:pointer; }
.waiting { cursor:wait !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  div.datagrid table.datagrid-table .loading { background-image:url('loading_16-D1D1D1.gif'); padding-left:23px; background-repeat:no-repeat; }
}   
