/**This Css file is the part of the, custom plugin to render the Table**/
.gridTable tr td
{
	border-top: solid 1px #fff;
	height: 20px;
	padding: 3px 0 3px 5px;
	border-left: dotted 1px #999999;
}
.gridTable
{
	border-collapse: separate;
	background-color: #fff;
	border: solid #ccc 1px;
}
.gridTable tr.TRhead th
{
	background-color: #333;
	height: 22px;
	padding: 3px 0 3px 3px;
	margin-bottom: 4px;
	text-align: left;
	vertical-align: middle;
}
.gridTable tr > td:first-child
{
	border-left: none;
}
.gridTable tr:hover td
{
	background-color: #e3e3e3;
}
tr.TRhead th
{
	padding-bottom: 4px;
	color: #fff;
	padding-left: 5px;
	font-size: 10px;
	vertical-align: middle;
}
/****Css need for Pager diplayed for table****/
.gridTable tr.pager td ul
{
	list-style: none;
}
.gridTable tr.pager td ul li
{
	clear: none;
	float: left;
	padding: 0px 3px 0px 3px;
}
.gridTable tr.pager td ul li a
{
	width: 13px;
	height: 13px;
	display: block;
}
.gridTable tr.pager td ul li.first
{
	background: url(../images/TableCssImg/first.png) left top no-repeat;
}

.gridTable tr.pager td ul li.previous
{
	background: url(../images/TableCssImg/previous.png) left top no-repeat;
}
.gridTable tr.pager td ul li.next
{
	background: url(../images/TableCssImg/next.png) left top no-repeat;
}
.gridTable tr.pager td ul li.last
{
	background: url(../images/TableCssImg/last.png) left top no-repeat;
}
.gridTable tr.pager td ul li.goToPage
{
	width: 150px;
}
.gridTable tr.pager td ul li.goToPage span
{
	float: left;
	margin-top: 4px;
}
.gridTable tr.pager td ul li input
{
	float: left;
	margin: 0px 4px;
	height:14px;
	font-size:11px;
}


/***Css needed to highligh the selected table row***/
.gridTable tr.selected td
{
	color: #011421; /*font-weight:bold; 	background: url(../images/TableCssImg/table_TR.gif) left top repeat-x;*/
	background-color: #e3e3e3;
}

/****Css for the Table's Even row's color*****/
.gridTable tr.evenRow td
{
}
/**Css need For the Sortable Column's Header in table*/
.gridTable tr th.allowSort
{
	cursor: pointer;
}
/**Css for the Butons displayed on Tables top***/
ul.btnArea
{
	clear: both;
	list-style: none;
}
ul.btnArea li
{
	float: left;
	height: 25px;
	margin: 0px 3px 0px 3px;
}

ul.btnArea li.btnSeparator
{
	width: 1px;
	display: block;
	background-color: Black;
	height: 25px;
	margin: 0px 5px 0px 5px;
}
/*********Css needed for interfuncitonality of Table plugin, don't remove it**************/
.gridTable .hide
{
	display: none;
}