.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border-collapse:collapse;   
    opacity:0.8;
}

. mGrid table
{
     
     
 }
.mGrid td {   
    padding: 5px;   
    border:  1px solid #ccc;   
    color: #201865;
    font-weight:bold;
    font-size:16px;
    vertical-align:middle;
    font-family:"Calibri",Arial,Verdana,Helvetica,Sans-Serif;
	
    
} 


.mGrid .footer td
{
    padding: 5px;   
    border:  1px solid #ccc;   
    color: #201865;
   font-weight:bold;
   font-size:20px;
   font-family:"Calibri",Arial,Verdana,Helvetica,Sans-Serif;
}
.mGrid th {   
    padding: 4px 5px;   
    color: #fff;   
    background: #007F90;   
    border:  1px solid #ccc;   
    font-size: 15px;   
    font-family:"Times New Roman",Georgia,Serif;
    font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#007F90), to(#1D5B74));
    background-image: -webkit-linear-gradient(top, #007F90, #1D5B74);
    background-image: -moz-linear-gradient(top, #007F90, #1D5B74);
    background-image: -o-linear-gradient(top, #007F90, #1D5B74);
    background-image: linear-gradient(to bottom, #007F90, #1D5B74);
}
.mGrid th a
{
    color:#fff;     
    
}
.mGrid tr:hover
{
    background-color:#ccc;
 }
.mGrid .alt  
{
    background: #fcfcfc 
}  
.mGrid .item  
{
     background-color:#c1dbee;
    
}
.mGrid .footer
{
    font-weight:bold;    
}  


.mGrid .pgr { background: #424242 }  
.mGrid .pgr table { margin: 5px 0; }  
.pgr tr:hover { background-color: #424242;}
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  

/* Css for Grid View Main DIV*/
.gdvDiv
{
    border: 2px solid #ccc;
    border-radius: 4px;
    margin: 0;
    padding: 10px;
    background: transparent url("../images/banner_logo1.jpg") no-repeat scroll center 50%; 
 }
 
 
 /* Css Start for Service Approval*/
 
 .mGridSv {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border-collapse:collapse;   
    opacity:0.8;
}  
. mGridSv table
{
     
     
 }
.mGridSv td {   
    padding: 5px;   
    border:  1px solid #ccc;   
    color: #201865;
    font-size:12px;
    vertical-align:middle;
    font-family:"Calibri",Arial,Verdana,Helvetica,Sans-Serif;
	
    
}  
.mGridSv .footer td
{
    padding: 5px;   
    border:  1px solid #ccc;   
    color: #201865;
   font-weight:bold;
   font-size:20px;
   font-family:"Calibri",Arial,Verdana,Helvetica,Sans-Serif;
}
.mGridSv th {   
    padding: 4px 5px;   
    color: #fff;   
    background: #007F90;   
    border:  1px solid #ccc;   
    font-size: 15px;   
    font-family:"Times New Roman",Georgia,Serif;
    font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#007F90), to(#1D5B74));
    background-image: -webkit-linear-gradient(top, #007F90, #1D5B74);
    background-image: -moz-linear-gradient(top, #007F90, #1D5B74);
    background-image: -o-linear-gradient(top, #007F90, #1D5B74);
    background-image: linear-gradient(to bottom, #007F90, #1D5B74);
}

.mGridCurveLeft {border-top-left-radius:8px;}
.mGridCurveRight {border-top-right-radius:8px;}

.mGridSv th a
{
    color:#fff;     
    
}
.mGridSv tr:hover
{
    background-color:#ccc;
 }
.mGridSv .alt  
{
    background: #fcfcfc 
}  
.mGridSv .item  
{
     background-color:#c1dbee;
    
}
.mGridSv .footer
{
    font-weight:bold;    
}  


.mGridSv .pgr { background: #fcfcfc; }  
.mGridSv .pgr table { margin: 5px 0; }  
.pgr tr:hover { background-color: #ccc;}
.mGridSv .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;
    color: #387F8D;   
    line-height: 14px;   
    font-size:16px;
 }     
.pgr a:link { color: #444; text-decoration: none; }  
.pgr a:hover { color: red; text-decoration: none; }  
.pgr a:visited{ color: #5A0C1A; text-decoration: none; }  
.pgr a,a:Active{ color: #5A0C1A; text-decoration: none; }  

.loading{
	position:fixed; 
	width:100%; 
	height:100%; 
	z-index:1000; 
	top:0px; 
	left:0px;
	background-color: #000000; 
	opacity:0.7; 
	filter:alpha(opacity=50); 
	margin:auto; 
	text-align:center;
}
/* Css End for Service Approval */


/* Added  By Raushan for highliting rows whose last updated date is more than 30 days*/
/* Start */
.mGrid1 {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border-collapse:collapse;   
    opacity:0.8;
}

. mGrid1 table
{
     
     
 }
.mGrid1 td {   
    padding: 5px;   
    border:  1px solid #ccc;   
    font-weight:bold;
    font-size:16px;
    vertical-align:middle;
    font-family:"Calibri",Arial,Verdana,Helvetica,Sans-Serif;
	
    
} 


.mGrid1 .footer td
{
    padding: 5px;   
    border:  1px solid #ccc;   
    color: #201865;
   font-weight:bold;
   font-size:20px;
   font-family:"Calibri",Arial,Verdana,Helvetica,Sans-Serif;
}
.mGrid1 th {   
    padding: 4px 5px;   
    color: #fff;   
    background: #007F90;   
    border:  1px solid #ccc;   
    font-size: 15px;   
    font-family:"Times New Roman",Georgia,Serif;
    font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#007F90), to(#1D5B74));
    background-image: -webkit-linear-gradient(top, #007F90, #1D5B74);
    background-image: -moz-linear-gradient(top, #007F90, #1D5B74);
    background-image: -o-linear-gradient(top, #007F90, #1D5B74);
    background-image: linear-gradient(to bottom, #007F90, #1D5B74);
}
.mGrid1 th a
{
    color:#fff;     
    
}
.mGrid1 tr:hover
{
    background-color:#ccc;
 }
.mGrid1 .alt  
{
    background: #fcfcfc 
}  
.mGrid1 .item  
{
     background-color:#c1dbee;
    
}
.mGrid1 .footer
{
    font-weight:bold;    
}  


.mGrid1 .pgr { background: #424242 }  
.mGrid1 .pgr table { margin: 5px 0; }  
.pgr tr:hover { background-color: #424242;}
.mGrid1 .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid1 .pgr a { color: #666; text-decoration: none; }  
.mGrid1 .pgr a:hover { color: #000; text-decoration: none; }  
/* End */