.myNewGridClass {
  width: 100%;
  /*this will be the color of the odd row*/
  background-color: #fff;
  margin: 5px 0 10px 0;
  /*border: solid 1px #D9EAF7;*/
  border-collapse:collapse;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 11px;
}

.myNewGridClass td {
  padding: 5px 10px;
  border: solid 1px #D9EAF7;
 color :  #337AB7;
   height: 35px;
}


.myNewGridClass  tr:hover td {
    color: #1b9bff;
    color :black;
}

.myNewGridClasSelectedRow  {
 font-weight:bold;   
}


/*header elements*/
.myNewGridClass th {
 
   padding: 5px 10px;
  color: #fff;
  background: #50BDCE;
  /*background:#01987A;*/
  border: solid 1px #FFFFFF;
    height: 40px;
  /*font-size: 0.9em;*/
}

/*his will be the color of even row*/
.myNewGridClass .myNewGridAltRowClass 
{ 
    background: #F1F5F9 repeat-x top; 
     padding: 8px 12px;
}

/*and finally, we style the pager on the bottom*/


.myNewGridClass .myNewGridPagerClass { background: #FFFFFF; }

.myNewGridClass .myNewGridPagerClass table { margin: 5px 0; }

.myNewGridClass .myNewGridPagerClass td {
  border-width: 0;
   padding: 8px 5px;
  border: solid 1px #dddddd;
  font-weight: bold;
  color: #aea79f;
    line-height: 1.42857143;
    background-color : #FFFFFF;
    cursor: default;

}
.myNewGridClass .myNewGridPagerClass a 
{ 
    color: #97310e; 
    text-decoration:         none; 


}

.myNewGridClass .myNewGridPagerClass a:hover 
{ 
    color:  #97310e; 
    text-decoration: none; 

     

}