/* Estilo rejilla de datos. */

/* rejilla */
.datagridview
{
	font-family: Verdana, Arial;
	font-size: 12px;
	border: solid 1px gainsboro;
}

/* encabezados */
.datagridview .header th
{
	background: url(images/grid_header.png) repeat-x 0px 0px;
	color: #000;
	padding: 4px 5px 4px 10px;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
	border-right: #e9967a 1px solid;
	border-top: #000 1px solid;
	border-left: #000;
	border-bottom: #000 1px solid;
}
.datagridview .header th a
{ 
	text-decoration:none;
	/* padding-right:18px; */
	color: #000;
	cursor: pointer;
}
.datagridview th.sortasc a { background:url(images/grid_asc.gif) right center no-repeat; }
.datagridview th.sortdesc a { background:url(images/grid_desc.gif) right center no-repeat; }

/* formato general celdas */
.datagridview .row td,
.datagridview .rowalt td,
.datagridview .rowsel td
{
    padding: 3px 5px 3px 5px;
    border-right:solid 1px #cbcbcb;
    white-space: nowrap;
    cursor: default;
}

/* filas */
.datagridview .row
{
	color: #444;
	background-color: #fff;
	border-bottom: #b0c4de 1px solid;
}      

/* filas alternas */
.datagridview .rowalt
{
	color: #444;
	background-color: #fcfcff;
	border-bottom: #b0c4de 1px solid;
}

/* estilos en cliente */
.datagridview .rowhover
{
	color: #000;
	background-color: #111;
}
.datagridview .rowsel
{
	color: #000;
	/* font-weight: bold; */
	background-color: #eaecf5;
	border-bottom: #000 1px solid;
}

/* header de filtrado */
.datagridview .colfilter
{
	margin: 0px 4px 0px 2px;
	width: 11px;
	height: 12px;
}

/* primera columna */
.datagridview th.first,
.datagridview .row td.first,
.datagridview .rowalt td.first,
.datagridview .rowsel td.first
{
	padding-left:10px;
	background-color: #eaecf5;
}

.datagridview .row:hover .first,
.datagridview .rowalt:hover .first,
.datagridview .rowsel:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(images/grid_hover.gif);
}

/* Footer */
.datagridview .footer td
{
	background-color: #e6e6fa;
	font-weight:bold;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
    padding: 3px 5px 3px 5px;
	white-space: nowrap;
}

/* paginador */
.datagridview .pagerstyle
{
    font-family:arial,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    background-color: #e6e6fa;
    height: 28px;
}
.datagridview TR.pagerstyle TD
{}
.datagridview TR.pagerstyle TD A
{
    color:#5a90ce;
    padding:0px 5px;
    border:none;
    text-decoration: none;
}
.datagridview TR.pagerstyle TD SPAN
{
    border: solid 2px #408BB6;
    background-color: #59A5D1;
    color: White;
    padding:0px 3px;
    text-decoration: none;
}
.datagridview TR.pagerstyle TD A:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color: White;
    padding:0px 3px;
}

