﻿.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #333333;
    font-family: Verdana;
    font-size: 8pt;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 8pt;
    font-family: Verdana;
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.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; }

/*------------------------------------------------------------------------*/
/*                        HPCL GRIDVIEW                                   */
/*------------------------------------------------------------------------*/

.mGridHPCL { 
    width: 100%; 
    background-color: #ffdde5; 
    margin: 30px 0 10px 0; 
    border: solid 3px #202044; 
    border-collapse:collapse; 
}
.mGridHPCL td
{
    padding: 3px;
    border-bottom: solid 1px #202044;
    border-left:solid 1px #cacaff;
    color: #202044;
    font-family: Verdana;
    font-size: 8pt;
   /* background-color:#ffdde5;*/
}
.mGridHPCL th
{
    padding: 4px 2px;
    color: #fff;
    background:#202044;
    border-left: solid 1px #434372;
    font-size: 7pt;
    font-family: Verdana;
    font-weight:lighter;
}
.mGridHPCL .alt { background: #d8d9fb; }
.mGridHPCL .pgr { background: #424242 url(HPCL_grd_alt.png) repeat-x top; }
.mGridHPCL .pgr table { margin: 5px 0; }
.mGridHPCL .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #:#ffdde5; 
    line-height: 010px; 
 }   
.mGridHPCL .pgr a { color: #666; text-decoration: none; }
.mGridHPCL .pgr a:hover { color: #000; text-decoration: none; }


/*------------------------------------------------------------------------*/
/*                        BPCL GRIDVIEW                                   */
/*------------------------------------------------------------------------*/

.mGridBPCL { 
    width: 100%; 
    background-color: #fff6bc; 
    margin: 30px 0 10px 0; 
    border: solid 3px #007dc6; 
    border-collapse:collapse; 
}
.mGridBPCL td
{
    padding: 3px;
    border-bottom: solid 1px #007dc6;
    border-left:solid 1px #97d9ff ;
    color: #202044;
    font-family: Verdana;
    font-size: 8pt;
   /* background-color:#ffdde5;*/
}
.mGridBPCL th
{
    padding: 4px 2px;
    color: #fff;
    background:#007dc6;
    border-left: solid 1px #bfe8ff;
    font-size: 7pt;
    font-family: Verdana;
    font-weight:lighter;
}
.mGridBPCL .alt { background: #d1eeff; }
.mGridBPCL .pgr { background: #fff6bc url(BPCL_grd_alt.png) repeat-x top; }
.mGridBPCL .pgr table { margin: 5px 0; }
.mGridBPCL .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color:#007dc6; 
    line-height: 010px; 
 }   
.mGridBPCL .pgr a { color: #4ebeff; text-decoration: none; }
.mGridBPCL .pgr a:hover { color: orange; text-decoration: none; }


/*------------------------------------------------------------------------*/
/*                        IOCL GRIDVIEW                                   */
/*------------------------------------------------------------------------*/

.mGridIOCL { 
    width: 100%; 
    background-color: #e5f5ff; 
    margin: 30px 0 10px 0; 
    border: solid 3px #f37022; 
    border-collapse:collapse; 
}
.mGridIOCL td
{
    padding: 3px;
    border-bottom: solid 1px #f37022;
    border-left:solid 1px #ffd5bb ;
    color: #202044;
    font-family: Verdana;
    font-size: 8pt;
   /* background-color:#ffdde5;*/
}
.mGridIOCL th
{
    padding: 4px 2px;
    color: #fff;
    background:#f37022;
    border-left: solid 1px #ffd5bb;
    font-size: 7pt;
    font-family: Verdana;
    font-weight:lighter;
}
.mGridIOCL .alt { background: #ffede2; }
.mGridIOCL .pgr { background: #e5f5ff url(IOCL_grd_alt.png) repeat-x top; }
.mGridIOCL .pgr table { margin: 5px 0; }
.mGridIOCL .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color:#f37022; 
    line-height: 010px; 
 }   
.mGridIOCL .pgr a { color: #ffaf7f; text-decoration: none; }
.mGridIOCL .pgr a:hover { color: #ff7827; text-decoration: none; }



/*------------------------------------------------------------------------*/
/*                              .mdiDefaultBlue                           */
/*------------------------------------------------------------------------*/

.mdiDefaultBlue { 
    width: 100%; 
    background-color: #fff; 
    border: solid 1px #007DFF;
    border-right: solid 1px #007DFF;  
}
.mdiDefaultBlue td
{
    padding: 2px;
    border: solid 1px #dbdbdb;
    color: #333333;
}
.mdiDefaultBlue tr >td
{
   border-left: solid 1px #007DFF;
}


.mdiDefaultBlue th
{
    padding: 5px 5px;
    color: white;
    background: #2FA4E7;
    border-left: solid 0px #2FA4E7;
}
.mdiDefaultBlue th a
{
    color:white;
}
.mdiDefaultBlue .alt { background: #e2e2e2 url(grd_alt.png) repeat-x top; }
.mdiDefaultBlue .pgr { background: #ccffff url(grd_pgr.png) repeat-x top; }
.mdiDefaultBlue .pgr table { margin: 5px 0; }
.mdiDefaultBlue .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
 }   
.mdiDefaultBlue .pgr a { color: #666; text-decoration: none; }
.mdiDefaultBlue .pgr a:hover { color: #000; text-decoration: none; }

.mdiDefaultBlue table
{
   
}
.mdiDefaultBlue table td
{
    padding: 5px 5px 1px 5px;
    border: solid 0px #dbdbdb;
    border-bottom: solid 1px white;
}