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

.myNewGridBrowsedClass td {
  padding: 5px 10px;
  border: solid 1px #D9EAF7;
  /*color: #84C9E6;*/
 color :  #337AB7;
   height: 35px;
}


.myNewGridBrowsedClass  tr:hover td {
      color: #1b9bff;
    color :black;
    /*background-color:#FFF29D;*/
}

.myNewGridBrowsedClasSelectedRow  {
 font-weight:bold;   
}


/*header elements*/
.myNewGridBrowsedClass th {
 
   padding: 5px 10px;
  color: #fff;
  background: #28A7E8;
  border: solid 1px #FFFFFF;
    height: 40px;
  /*font-size: 0.9em;*/
}


/*.myNewGridBrowsedClass tr.normal  {  background-color:white;  color:red;  }   
.myNewGridBrowsedClass tr.highlight:hover  {  background-color:yellow;}*/
/*his will be the color of even row*/
.myNewGridBrowsedClass .myNewGridBrowsedAltRowClass 
{ 
    background: #F1F5F9 repeat-x top; 
    /*background:#D9EAF7;*/
     /*margin: 20px 0;
     padding: 8px 12px;*/
}

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


.myNewGridBrowsedClass .myNewGridBrowsedPagerClass { background: #FFFFFF; }

.myNewGridBrowsedClass .myNewGridBrowsedPagerClass table { margin: 5px 0; }

.myNewGridBrowsedClass .myNewGridBrowsedPagerClass 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;

}
.myNewGridBrowsedClass .myNewGridBrowsedPagerClass a 
{ 
    color: #97310e; 
    text-decoration: 
        none; 



}

.myNewGridBrowsedClass .myNewGridBrowsedPagerClass a:hover 
{ 
    color:  #97310e; 
    text-decoration: none; 

     

}