.sortable
{
}


.dp-grid th.sortable a
{
	text-align: center;
	background: url(images/dt-arrow.png) no-repeat;
	background-position: right;
}

/* table level rules */
.dp-grid
{
	font-family: arial;
	font-size: small;
	border: solid 1px #33236A;
	border-collapse: collapse;
	color: Gray;
}


/* header column rules */
.dp-grid th
{
	font-size: 12px;
	background-image: url(images/sprite.png);
	border-color: #33236A #33236A #33236A #33236A;
	border-style: solid solid solid none;
	border-width: 1px 1px 1px medium;
	color: White;
	padding: 0px 5px 0px 5px;
	text-align: center;
	vertical-align: middle;
}

.dp-grid th a
{
	text-decoration: none;
	text-align: center;
	color: White;
	display: block;
}

/* change the background image when the column is being sorted by */
.dp-grid th.sortasc, .dp-grid th.sortdesc
{
}

/* change image if it is an asc sort */
.dp-grid th.sortasc a
{
	text-align: center;
	background: url(images/dt-arrow-up.png) no-repeat;
	background-position: right;
}

/* change image if it is a desc sort */
.dp-grid th.sortdesc a
{
	text-align: center;
	background: url(images/dt-arrow-dn.png) no-repeat;
	background-position: right;
}


/* data cell and data row rules */
.dp-grid td
{
	padding: 4px 10px 4px 10px;
	border-right: solid 1px #cbcbcb;
}

.dp-grid .altrow, .dp-grid .row .sort
{
	background-color: #E8E8EA;
}

.dp-grid .altrow .sort
{
	background-color: #dbeaff;
}

.dp-grid .row
{
	background-color: #fff;
}

.row
{
	cursor: hand;
	cursor: pointer;
}

.altrow
{
	cursor: hand;
	cursor: pointer;
}


/* table level rules */
.dp-grid-inner
{
	font-family: arial;
	font-size: small;
	border-collapse: collapse;
	color: Black;
	text-align: left;
}

.dp-inner-altrow
{
	background-color: #F5F5F5;
}

.dp-inner-bold
{
	font-weight: bold;
}