﻿
.GridCountFont {
    color:  #5a5a5a;
    font-family: Tahoma, arial,Verdana;
    font-size: 13px;
    /*font-weight: bold;*/
}

.GridPager span {
   color:  #5a5a5a;
    font-family: Tahoma, arial,Verdana;
    font-size: 12px;
    font-weight: bold;
}

.gridview {
     border-collapse: separate!important;
    border-spacing: 0 2px; 
}

    .gridview .ui-state-default {
    }


   


    .gridview .ui-state-hover {
        font-weight: normal !important;
    }

    .gridview .ui-state-default,
    .gridview .ui-widget-content .ui-state-default,
    .gridview .ui-widget-header .ui-state-default {
        font-size: 13px;
        color: #fff;
        text-align: left;
        padding: 5px 5px 2px 5px;
    }

        .gridview .ui-state-default a,
        .gridview .ui-state-default a:link,
        .gridview .ui-state-default a:visited {
            font-size: 13px;
            color: #fff;
            text-decoration: none;
        }

    .gridview   th {
         padding:5px;
        font-weight: normal;
    }
   
    .gridview .ui-widget-header {
        color:#fff; font-size: 13px;
        padding-bottom:10px;
        text-align:left;
        
    }

        .gridview .ui-widget-header th {
            padding: 5px 10px 5px 10px;
            border-right: 0.001em solid white;
            background: #333333;
          
        }

 

     .gridview .ui-widget-header a  {
            font-size: 13px;
            color: #fff;
            text-decoration: none;
        }

      .gridview .ui-widget-header a:hover  {
            font-size: 13px;
            color: #e6e7e8;
            text-decoration: none;

        }


       .gridview .ui-widget-content , .gridview tr.ui-grid-alternatingRow,  .gridview .ui-grid-selectedRow,.gridview .ui-grid-newRow {
        font-size: 13px;
        color: #000;
        text-align: left;
    }
    
        

         
  .gridview .ui-widget-content >td ,  .gridview .ui-grid-selectedRow >td ,.gridview .ui-grid-newRow >td
 {
   padding:5px 8px 5px 8px;
    border-right: 0.001em solid white!important;
      background:#dcdcdc;/*e6e7e8*/
 }

  .gridview tr.ui-grid-alternatingRow > td
 {
   padding:5px 8px 5px 8px;
    border-right: 0.001em solid white!important;
      background:#e6e7e8;/*ececec*/
 }

 .gridview tr.ui-grid-alternatingRow  >td:first-child,  .gridview .ui-widget-content >td:first-child,  .gridview .ui-grid-selectedRow >td:first-child ,.gridview .ui-grid-newRow  >td:first-child
 {
   border-top-left-radius: 7px;   
   border-bottom-left-radius:7px; 
     border-right: 0.001em solid white!important;  
 }

 
 .gridview tr.ui-grid-alternatingRow  td:last-child,  .gridview .ui-widget-content td:last-child ,.gridview .ui-grid-selectedRow td:last-child,.gridview .ui-grid-newRow  td:last-child
 {
   border-top-right-radius: 7px;   
   border-bottom-right-radius:7px;   
     border-right: 0.001em solid transparent;
 }

.gridview tr.ui-widget-content:hover td, .gridview tr.ui-grid-alternatingRow:hover td {
background: #c7c7c7; /* dcdcdc*/
  }


    .gridview .ui-grid-selectedRow td {
        background: #c7c7c7 ;/* dcdcdc*/
    }


    .gridview .ui-grid-paging {
 
    }
     .gridview .ui-grid-newRow td {
        background: #f5f6f7 ; 
    }
     
       

        .gridview .ui-grid-paging a{
            display:inline-block;
            background-image: url(../Images/greyPager.jpg);
            background-repeat: no-repeat;
            background-position: center center;
             width:17px;
            height:17px;
            padding-top:3px;
              font-size: 11px;
              font-weight:normal;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
        }

        .gridview .ui-grid-paging span {
           display:inline-block;
             background-image: url(../Images/redPager.jpg);
            background-repeat: no-repeat;
            background-position: center center;
           width:17px;
            height:17px;
           padding-top:3px;
              font-size: 11px;
              font-weight:normal;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
        }



    .gridview .SortedAscending a {
        display: block;
        padding: 0 4px 0 15px;
        background-color: aqua;
        background: url("../images/ascArrow.png") no-repeat;
    }

        .gridview .SortedAscending a:hover {
            display: block;
            padding: 0 4px 0 15px;
            background-color: aqua;
            background: url("../images/ascArrow.png") no-repeat;
        }

    .gridview .SortedDescending a {
        display: block;
        padding: 0 4px 0 15px;
        background: url("../Images/descArrow.png") no-repeat;
        background-color: aqua;
    }

        .gridview .SortedDescending a:hover {
            display: block;
            padding: 0 4px 0 15px;
            background: url("../Images/descArrow.png") no-repeat;
            background-color: aqua;
        }
