.myGridClass {
  width: 100%;
  /*this will be the color of the odd row*/
  background-color: #fff;
  margin: 5px 0 10px 0;
  border: solid 0px #525252;
  border-collapse:collapse;
    text-align: left;
   font-size: 10pt;
}

/*data elements*/
.myGridClass td {
  padding: 7px;
  border: solid 1px #cccccc;
  color: black;
   font-size: 10pt;
}

/*header elements*/
.myGridClass th {
  padding: 7px 4px;
  color: #fff;
  background: #187BB3;
  border-left: solid 0px #525252;
  font-size: 10pt;
}

/*his will be the color of even row*/
.myGridClass .myAltRowClass { background: #fcfcfc repeat-x top; }

/*and finally, we style the pager on the bottom*/
.myGridClass .myPagerClass { background: #778264; }

.myGridClass .myPagerClass table { margin: 5px 0; }

.myGridClass .myPagerClass td {
  border-width: 0;
  padding: 0 6px;
  border-left: solid 1px #666;
  font-weight: bold;
  color: #fff;
  line-height: 10px;
}

.myGridClass .myPagerClass a { color: #666; text-decoration: none; }

.myGridClass .myPagerClass a:hover { color: #000; text-decoration: none; }