.litegrid .odd
{
	background-color: #eee;
}

.litegrid .even
{
	background-color: #fff;
}
		
.litegrid .expander.ui-icon-plusthick, .litegrid .expander.ui-icon-minusthick
{
	cursor: pointer;
}

.litegrid .controls > span
{
	display: inline-block !IMPORTANT;
}

.litegrid .delete-button
{
	cursor: pointer;
}

.litegrid .restore-button
{
	cursor: pointer;
}

.litegrid .sortable
{
	cursor: pointer;
}

.litegrid .sort-arrow
{
	position: absolute;
	right: 0px;
	top: 0px;
}

/* Column widths can be overriden by using a more specific selector.  For
example, if the page contents are wrapped in a div, just prefix your custom
settings with div#content...*/
.litegrid col.utilsColumn
{
	width: 40px;
}
	
.litegrid col.RowDeleteModuleColumn
{
	width: 20px;
}
	
.litegrid  col
{
	width: 100px;
}

.litegrid td.editable 
{
	cursor: crosshair;
}

.litegrid td.modified 	
{
	font-weight: bold;
	font-style: italic;
}
	
.litegrid
{
	border: 1px solid black;
}

/* This is the unselectable filler column. */
.litegrid col.filler-column
{
	width:auto;
}

.litegrid td, .litegrid th
{
	overflow: hidden;
	white-space: nowrap;
	border-collapse: collapse;
}

.litegrid td > form > input, .litegrid td > form > select 
{
	padding: 0;
	margin: 0;
	border: none 0;
	width: 100%;
	height: 100%;
}

.litegrid table 
{
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.litegrid .grid-body
{
	height: 200px;
	overflow: auto;
}

.litegrid .grid-body tr 
{
	height: 20px;
}

	
.litegrid .grid-header
{
	overflow: hidden;
	background-color: #eee;
	position: relative;
	z-index: 5;
}

.litegrid .grid-header th 
{
	padding: 0;
}

.litegrid .grid-header th > div
{
	overflow: hidden;
	white-space: nowrap
}

.litegrid .grid-body th, .litegrid .grid-body td
{
	border: 1px solid gray;
}

.litegrid .pending-delete
{
	background-color: #BC4D4D !IMPORTANT;
	opacity: 0.33;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
}

/* Resizer handle */
.litegrid .grid-header th > div > div.ui-resizable-e
{
	right: 0px;
	/* IE hack.  If you don't specify a background image, IE will lose the resizer handle. */
	background-image: url(transparent.gif);
}

/* Toolbar */

.litegrid .toolbar
{
}

.litegrid .toolbar > .button 
{
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
	border: 1px solid transparent;
}

.litegrid .toolbar > .button > .ui-icon
{
	float: left;
}

/* Draggable Rows Module */
.draghandle
{
	cursor: move;
}

.ghost 
{
	background-color: Gray;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	padding-left: 10px;
	font-weight: bold;
}