﻿/********************************
	ESTILO PARA LOS GRIDVIEW
********************************/   
.gridcontainer
{
    clear:both;
    width:auto;
    height:auto;
    border:solid 1px #99BBE8; 
    margin: 0 auto;
    background-color:#FFFFFF;
    position:relative;
}
 
 .grid {border:solid 1px #bbd9ee;
        position:relative;
        overflow:hidden;
        margin: 0 auto;
}

        .grid caption 
        {
	        background:#f9f9f9 url(Imagenes/GridView/captionbckg.gif) repeat-x;
	        color:#15428B;
	        text-align:left;
	        line-height:22px;
	        font-size:14px;
	        font-weight:bold;
	        padding-top:2px;
	        padding-left:4px;
	        padding-bottom:2px;
	        font-family:tahoma,arial,verdana,sans-serif;
        }

        .grid table 
        {
	        border-color:#99BBE8;
	        border-width:1px;
	        Padding: 4px;
	    }
	
        .grid td, .grid th, grid.tr
        {
            height:auto;            
            vertical-align:middle;
            border:1px solid #99BBE8;
        }

        .grid th
        {
	        /*background:transparent url(Imagenes/GridView/thbackground.gif) repeat-x;*/
            height:auto;
            border:solid 1px #99BBE8;
            font-weight:bold;
            color:#333333;
        }

        .grid td
        {
            padding: 2px;
	      
            border-top-color:#fff;
            color:#333333;
        }

        .selectedrow 
        {
	        background: #E2DED6;
	        border:1px dotted #A3BAE9;
	        font-weight:bold;
        }

        .altrow 
        {
	        background-color:#F7F6F3;
	        color:#333333;
        }

        .altoverow
        {
	        border:10px solid #99BBE8;
            background: #efefef url(Imagenes/GridView/rowover.gif) repeat-x left top;
        }

        .pagerstyle 
        {
	        font-size:x-small;
	        text-align:right;
            background-position: bottom left;
            background: #D0DEF0 url(Imagenes/GridView/toolbarbck.gif) repeat-x scroll left top;
        }

        .gopag 
        {
            font-size:x-small;
            width:20px;
        }

        .sortasc-header a
        { 
           background:transparent url(Imagenes/GridView/asc.gif) right center no-repeat;
        }

        .sortdesc-header a
        {
           background:transparent url(Imagenes/GridView/desc.gif) right center no-repeat;
        }

        th a
        {
           padding-right: 20px;
        }
        .pagprev
        {
            background:transparent url(Imagenes/GridView/previous.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        
        .pagnext
        {
            background:transparent url(Imagenes/GridView/next.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }

        .pagfirst
        {
            background:transparent url(Imagenes/GridView/first.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        
        .paglast
        {
            background:transparent url(Imagenes/GridView/last.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }

        .wrapword{
             white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
             white-space: -pre-wrap;      /* Opera 4-6 */
             white-space: -o-pre-wrap;    /* Opera 7 */
             white-space: pre-wrap;       /* css-3 */                         
        }


        .alineaCentro
        {
            white-space: -moz-nowrap !important;  /* Mozilla, since 1999 */
            white-space: -nowrap;      /* Opera 4-6 */
            white-space: -o-nowrap;    /* Opera 7 */
            white-space: nowrap;       /* css-3 */                      
            text-align:center;            
        }
        .alineaDcha
        {
            white-space: -moz-nowrap !important;  /* Mozilla, since 1999 */
            white-space: -nowrap;      /* Opera 4-6 */
            white-space: -o-nowrap;    /* Opera 7 */
            white-space: nowrap;       /* css-3 */   
            text-align:right;
           
        }
        .alineaIzda
        {
            text-align:left;
        }
        .alineaLink
         {
            white-space: -moz-nowrap !important;  /* Mozilla, since 1999 */
            white-space: -nowrap;      /* Opera 4-6 */
            white-space: -o-nowrap;    /* Opera 7 */
            white-space: nowrap;       /* css-3 */   
            text-align:right;
         }
         
.grid2 .ficha{
		    background-image: none;
		    text-decoration: none;
		    padding: 2px;
		    padding-right: 12px; background: transparent url(Imagenes/GridView/link.gif) no-repeat 100% 50%;
        }
        
.grid2
{ 
    position:relative;
    clear:both;     
 	width:100%;
	font-family:Tahoma;
	overflow: auto;
	height:auto;
	margin:10px 0px 10px 0px;
	 border:solid 2px #bbd9ee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;    	
	 	box-shadow: #565656 0 0 10px;
	-webkit-box-shadow: #565656 0 0 10px;
    -moz-box-shadow:#565656 0 0 10px;	
}
.grid2 .pietotal, .grid2 .pietotalmaestro
{
  padding-right:10px;
  padding-left:10px;
  color: #0000cd;
  font-weight:bolder;
  font-size:1em;
  border:solid 2px #bbd9ee;    
 }
 .grid2 .pietotal
 {
     background-color: #e0ffff;
      -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;  
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;      
 }
 .grid2 .pietotalmaestro
 {
     background-color: #ffffff;   
 }
 .grid2 .pietotal td, .grid2 .pietotalmaestro td
 {
   border:solid 1px #bbd9ee;
 }
.grid2 H2 
{ 
	margin:0; padding:0; 
	height:20px;
	line-height:20px;
	font-size:14px;
}
.grid2 .mid
{
	padding:3px 0px 0px 0px;
}
.grid2 .datatable
{
    clear:both;
    width:100%;
    color:#666;
	box-shadow: #565656 0 0 10px;
	-webkit-box-shadow: #565656 0 0 10px;
    -moz-box-shadow:#565656 0 0 10px;
    border:solid 2px #bbd9ee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;    
}        

.grid2 .datatable th
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;   
    padding:2px 4px;
    color:#333333;
    border:solid 2px #bbd9ee; 
    background: #fff;
     /* position: relative; 
  top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);      */
}
.grid2 .datatable th:first-child
{
  padding-left:10px;
  border:solid 2px #bbd9ee;   
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;  
}     

.grid2 .datatable th:last-child
{
  padding-left:10px;   
  border:solid 2px #bbd9ee;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px; 
} 
.grid2 .datatable th.sortascheader a 
{
    background:url(Imagenes/GridView/asc.gif) right center no-repeat; 
}
.grid2 .datatable th.sortdescheader a
{ 
    background:url(Imagenes/GridView/desc.gif) right center no-repeat; 
}

.grid2 .datatable th a
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}

.grid2 .datatable tr td.sortasc { background-color: #fffacd; } 
.grid2 .datatable tr td.sortdesc { background-color: #fffacd;}

.grid2 .datatable tr:first-child
{
       -moz-border-radius-topleft: 6px;
       -webkit-border-top-left-radius: 6px;
       border-top-left-radius: 6px;
       -moz-border-radius-topright:6px;
       -webkit-border-top-right-radius: 6px;
       border-top-right-radius: 6px;         
}

.grid2 .datatable tr:last-child
{
       -moz-border-radius-bottomleft: 6px;
       -webkit-border-bottom-left-radius: 6px;
       border-bottom-left-radius: 6px;
       -moz-border-radius-bottomright:6px;
       -webkit-border-bottom-right-radius: 6px;
       border-bottom-right-radius: 6px; 
}        

.grid2 .datatable .row
{
     background: #fff;
}
.grid2 .datatable .rowalt
{
     background: #eee;
}

.grid2 .datatable .row td
{
    font-size:11px;  
    padding:6px 4px;
    border:solid 1px #bbd9ee;
   
} 
    
.grid2 .datatable .row:hover
{
	background:#fffacd;
	color:#000;
}
.grid2 .datatable .row:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(Imagenes/GridView/bullet.gif);
}  
.grid2 .datatable .row td.first { padding-left:10px; }

.grid2 .datatable tr.last td.first
{
   -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;  
}

.grid2 .datatable tr.last td.last
{
	-moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Data Pager Styles */

.grid2 tr.pager-row td
{
    border-top:solid 2px #bbd9ee;   
}
.grid2 .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:6px;	
    font-size:18px;   
} 
.grid2 .pager span.command,        
.grid2 .pager span.current,        
.grid2 .pager a.command,
.grid2 tr.pager-row td a
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}
.grid2 .pager a.command:hover,
.grid2 tr.pager-row td a:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.grid2 .pager span.current,
.grid2 tr.pager-row td span
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
}
.grid2 tr.pager-row td
{
	border-top:none;
	text-align:center;
}
.grid2 tr.pager-row table
{
	height:35px;
	margin:0 auto 0 auto;
	border: none;
}

div.fixedHeaderTable {
     position: relative;
}
div.fixedHeaderTable table {
     width:100%;
}

div.fixedHeaderTable tbody {
     height: 200px;
     overflow-y: auto;
     overflow-x: hidden;
}

div.fixedHeaderTable table th {
     background-color:#CCCCCC;font-weight:bold
}
div.fixedHeaderTable table td {
     background-color:#EEEEEE
}
div.fixedHeaderTable thead td, div.fixedHeaderTable thead th {
     position:relative;
}
 
/* IE7 hacks */
div.fixedHeaderTable {
     *position: relative;
     *height: 200px;
     *overflow-y: scroll;
     *overflow-x: hidden;
     *padding-right:16px;
}
 
div.fixedHeaderTable thead tr {
     *position: relative;
     _position: absolute;
     *top: expression(this.offsetParent.scrollTop-2);
     *background:none;
     background-color:#FFFFFF
}
  
div.fixedHeaderTable tbody {
     *height: auto;
     *position:absolute;
     *top:50px;   
}

/* IE6 hacks */
div.fixedHeaderTable {
     _width:expression(this.offsetParent.clientWidth-20);
     _overflow: auto;
     _overflow-y: scroll;
     _overflow-x: hidden;
}

div.fixedHeaderTable thead tr {
     _position: relative;
 }


.gridimpresion th, .gridimpresion td
{
     font-size:11px;  
    padding:10px 20px 5px 10px;
}
.gridimpresion th
{
    color:Black;
    font-weight:bolder;
}
.gridimpresion .ficha
{
    color:Black;
    font-weight:bolder;
    text-decoration:none;
    pointer-events: none;
    cursor: default;
}
.gridimpresion a:link, .gridimpresion a:visited, .gridimpresion a:hover
{
    color:Black;
    font-weight:bolder;
    text-decoration:none;
}
.gridimpresion a, .gridimpresion a.ficha, .gridimpresion a.ficha:link, .gridimpresion a.ficha:hoover, .gridimpresiona.ficha:visited
    a.link, a.hoover, a:visited 
    {
        color:Black;
        font-weight:bolder;
        text-decoration: none;
    }

.gridimpresion  a.ficha:after,
    a.ficha[href^="javascript:"]:after,
    a.ficha[href^="#"]:after {
        content: " ";
    }  
    
.gridimpresion  a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: " ";
    }   