.grid
    {
	    border: solid 1px #7f7f7f;
	    border-bottom-width:1px;
        border-collapse:collapse;
        color: #525252;
        font-size:12px !important;
        overflow-x:auto;
    }

    .grid .EnabledLink {
        text-decoration:underline;
        cursor:pointer;
        font-weight:bold;
    }

    .grid .DisabledLink {
        color: #525252;
        text-decoration:none;
        cursor:default;
    }

    /* header column rules */
    .grid th 
    {
        background-color:#d9e2c2;
        border-color: #989898 #cbcbcb #989898 #989898;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px medium;
        color: #FFF;
        padding:5px;
        font-weight:normal;
        vertical-align: bottom;
    }

    .gridlbl {
        height:23px;
        border-bottom:1px solid #989898;
        padding-top:3px;
        padding-bottom:3px;
        text-transform: uppercase;
        background-color:#95a8c1;
     }

     .gridtxt {
        height:25px;
        vertical-align:bottom;
        padding-top:3px;
        padding-bottom:3px;
     }

    .grid th a
    {
	    color: #525252;
        text-decoration:underline;
        font-weight:normal;
    }

    .grid th a:hover
    {
	    color:#000;
        font-weight:normal;
    }

    /* data cell and data row rules */
    .grid td 
    {
	    color: #525252;
        padding:2px 2px;
        border-bottom: solid 1px #c1c1c1;
        text-align:center;
        word-wrap:break-word;
    }

    .grid .altrow
    {
        background-color:#f8fcec;
        text-align:center;
    } 

    .grid .row
    {
        background-color:#ffffff;
    }  

    .grid tr
    {
        background-color:#ffffff;
    }      

    .grid .gridpager a
    {
	    text-align:center;
        padding-left:2px;
        color: #525252;
        text-decoration: none;
    }

    .pager {
        width:98%;
        text-align:right;
    }

    .grid .gridpager a:hover
    {
	    color: #000;
        font-weight:bold;
    }

    .grid .gridpager td span {
        color: #000;
        font-weight:bold;
    }

    .grid .gridpager td
    {
       border:0px;
    }
    /* group header */
    .grid .group span
    {
	    padding:5px 0px 1px 0px;
	    color:#666666;
	    text-align:left;
	    font-size:11px;
	    font-weight:bold;
	    cursor:pointer;
    } 
    .grid .group img
    {
	    cursor:pointer;
    }

.grid .group td {
    background-color:#D1E1F5;
    border-right:solid 1px #95a8c1;
    border-bottom:solid 1px #95a8c1;
    font-weight:bold;
}

@media only screen and (min-width:319px) {
    .grid th { padding:1px; }
    .grid td { padding:1px; }
    /*.grid input[type=text] 
    {
       min-width:40px;
       max-width:100px;
    }*/
}
@media only screen and (min-width:768px) {
    .grid th { padding: 3px; }
    .grid td { padding: 2px; }
    /*.grid input[type=text] 
    {
       min-width:40px;
       max-width:130px;
    }*/
}
@media only screen and (min-width:1140px) {
    .grid th { padding:7px 5px; }
    .grid td { padding:1px; }
    /*.grid input[type=text] 
    {
       min-width:50px;
       max-width:170px;
    }*/
}
@media only screen and (min-width:1600px) {
    .grid th { padding: 3px; }
    .grid td { padding: 7px; }
    /*.grid input[type=text] 
    {
       min-width:50px;
       max-width:200px;
    }*/

}