.mydatagrid
{
	width: 100%;
	border: solid 2px black;
	min-width: 60%;
   -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.myheader
{
	background-color:#547b96;
	font-family: Calibri;
	color: White;
	border:thin;
    border-color:black;
  	/*height: 25px;*/
  	height: 16px;
	text-align: left;
	/*font-size: 16px;*/
    font-size: 12px;
    text-decoration: underline;
}

.myfooter
{
	background-color:#547b96;
	font-family: Calibri;
	color: White;
	border:thin;
    border-color:black;
  	/*height: 25px;*/
  	height: 16px;
	text-align: center;
	/*font-size: 16px;*/
	font-size: 12px;
}

.myrows
{
	background-color: #fff;
	font-family: Calibri;
	/*font-size: 14px;*/
	font-size: 12px;
	color: #000;
	/*min-height: 25px;*/
	min-height: 16px;
	text-align: center;
	border:thin;
    border-color:black;
}
/*.myrows:hover
{
	background-color:#c9c9c9;
	font-family: Calibri;
	color: #fff;
	font-size: 10px;
}*/
.myselectedrow
{
	background-color:#c9c9c9;
	font-family: Calibri;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	
	color:#C3D6E2;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	background-color: #C3D6E2;
	color: #000;
	padding: 5px 5px 5px 5px;
}
th.sortasc a{
    background:url("/Images/Up.png");
}

th.sortdesc a{
     background:url("/Images/Down.png");    
}

.mypager
{
	background-color:#547b96;
	font-family: Calibri;
	color: White;
	border:thin;
    border-color:black;
  	/*height: 25px;*/
  	height: 16px;
	text-align: center;
	/*font-size: 16px;*/
	font-size: 12px;
}

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