.mydatagrid
{
	width: 98%;
    border: solid 1px black;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
}
.header
{
	background-color: #e3e6e8;
	color: Black;
	height: 25px;
	text-align: center;
	font-size: 16px;
}

.rows
{
	background-color: #fff;
	font-family: Bold;
	font-size: 14px;
	color: #000;
	min-height: 25px;
	text-align: left;
}
.rows:hover td, .even:hover td
{
	background-color: #5badff !important;
	color: #fff;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	background-color: #000;
	color: #fff;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	background-color: #fff;
	color: #7c7e82;
	padding: 5px 5px 5px 5px;
}
.pager
{
	color: White;
	height: 30px;
	text-align: center;
}

.mydatagrid td
{
	padding: 5px;
}
.mydatagrid th
{
	padding: 5px;
}