/*
    Hoja de estilos para DATA GRIDS
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    */

.dataCell {
    border-left: 1px solid #333;
}

.minimalist_1 {
    color: #222222;
    font-weight: 600;
    background-color: #eeeeee;
}

/*
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.dataGrid_grey_selectable tr {
    cursor: pointer;
}

.dataGrid_grey_selectable tbody tr:hover {
    /* esta propiedad debe ser sobreescrita por el color del cliente en la master page */
    background: #87CEEB;
}

.dataGrid_grey,
.dataGrid_grey_selectable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #FFF;
    border: 1px solid #999999;
    color: #000;
}

    .dataGrid_grey a:link, .dataGrid_grey_selectable a:link,
    .dataGrid_grey a:hover, .dataGrid_grey_selectable a:hover,
    .dataGrid_grey a:visited, .dataGrid_grey_selectable a:visited,
    .dataGrid_grey a:active, .dataGrid_grey_selectable a:active {
        color: #000;
    }

    .dataGrid_grey .footer,
    .dataGrid_grey_selectable .footer {
        background-color: #CCCCCC;
    }

    .dataGrid_grey .pager,
    .dataGrid_grey_selectable .pager {
        background-color: #999999;
        color: #000;
        text-align: center;
    }

    .dataGrid_grey .selected,
    .dataGrid_grey_selectable .selected {
        background-color: #005290;
        font-weight: bold;
        color: #fff;
    }

        .dataGrid_grey .selected a:link,
        .dataGrid_grey .selected a:hover,
        .dataGrid_grey .selected a:visited,
        .dataGrid_grey .selected a:active {
            color: #fff;
        }

        .dataGrid_grey_selectable .selected a:link,
        .dataGrid_grey_selectable .selected a:hover,
        .dataGrid_grey_selectable .selected a:visited,
        .dataGrid_grey_selectable .selected a:active {
            color: #222;
        }

    .dataGrid_grey .header,
    .dataGrid_grey_selectable .header {
        background-color: #424242 !important;
        font-weight: bold;
        color: #fff;
        cursor: default !important;
    }

        .dataGrid_grey .header a:link, .dataGrid_grey_selectable .header a:link,
        .dataGrid_grey .header a:hover, .dataGrid_grey_selectable .header a:hover,
        .dataGrid_grey .header a:visited, .dataGrid_grey_selectable .header a:visited,
        .dataGrid_grey .header a:active, .dataGrid_grey_selectable .header a:active {
            color: #fff;
        }

    .dataGrid_grey .altrow,
    .dataGrid_grey_selectable .altrow {
        background-color: #CBCBCB;
    }

/*
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.dataGrid_clear_selectable .selectCell {
    cursor: pointer;
}

/* ON HOVER DE FILAS SELECCIONABLES - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.dataGrid_clear_selectable tbody tr:hover {
    /* esta propiedad debe ser sobreescrita por Table_SelectableRowHover_Background en la master page */
    background: #b7dEfB;
}

/* Intenté utilizar GridLines="Vertical" en la declaración del gridview,
    pero la coloración de esa propiedad no está estandarizada entre navegadores.
    Opté mejor por usar un borde derecho en celdas para las línea de separación */
.dataGrid_clear th,
.dataGrid_clear_selectable th,
.dataGrid_clear td,
.dataGrid_clear_selectable td {
    border-right: 1px solid #bbb;
    padding: 6px;
}

.dataGrid_clear,
.dataGrid_clear_selectable {
    border-spacing: 0; /* necesario para ie <= 7 */
    border-collapse: collapse; /* necesario para ie <= 7 */

    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    border: 1px solid #999;
    background: #fff;
}
    .dataGrid_clear caption, .dataGrid_clear_selectable caption {
        background: #fff;
    }
    .dataGrid_clear a:link, .dataGrid_clear_selectable a:link,
    .dataGrid_clear a:hover, .dataGrid_clear_selectable a:hover,
    .dataGrid_clear a:visited, .dataGrid_clear_selectable a:visited,
    .dataGrid_clear a:active, .dataGrid_clear_selectable a:active {
        color: #000;
    }

    /* ENCABEZADOS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    .dataGrid_clear .header,
    .dataGrid_clear_selectable .header {
        font-size: 1.1em;
        text-align: left;
        background-color: #ddd; /* Ésto debe sobreescribirse por Variable.Color.Table_HeaderRow_Background en la master page */
        font-weight: bold;
        color: #000;
    }
    tr.gvHeader{
         background-color: #dec;
         color: #000;
         border-top: 1px solid #bbb;
    }


        .dataGrid_clear .header a:link, .dataGrid_clear_selectable .header a:link,
        .dataGrid_clear .header a:hover, .dataGrid_clear_selectable .header a:hover,
        .dataGrid_clear .header a:visited, .dataGrid_clear_selectable .header a:visited,
        .dataGrid_clear .header a:active, .dataGrid_clear_selectable .header a:active {
            color: #000;
            text-decoration: none;
        }

    .dataGrid_clear .altrow,
    .dataGrid_clear_selectable .altrow {
        background-color: #efefef;
    }

    .dataGrid_clear .footer,
    .dataGrid_clear_selectable .footer {
        background-color: #CCCCCC;
    }

    .dataGrid_clear .pager,
    .dataGrid_clear_selectable .pager {
        background-color: #fff;
        border-top: 1px solid #bbb;
        color: #000;
        text-align: center;
    }
    .dataGrid_clear .pager td,
    .dataGrid_clear_selectable .pager td {
        cursor: default;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
    }
        .dataGrid_clear .pager:hover, .dataGrid_clear .pager td,
        .dataGrid_clear_selectable .pager:hover, .dataGrid_clear_selectable .pager td {
            background-color: #fff;
        }
    .dataGrid_clear .pager table,
    .dataGrid_clear_selectable .pager table {
        margin-left: auto;
        margin-right: auto;
    }

        /* FILA SELECCIONADA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    .dataGrid_clear .selected,
    .dataGrid_clear_selectable .selected {
        background-color: #cdf; /* Ésto debe sobreescribirse por Variable.Color.Table_SelectedRow_Background en la master page */
        font-weight: bold;
        color: #000;
    }
    .dataGrid_clear .selected:hover,
    .dataGrid_clear_selectable .selected:hover {
        background-color: #c5d5f5; /* Ésto debe sobreescribirse por Variable.Color.Table_SelectedRowHover_Background en la master page */
        font-weight: bold;
    }
       
    /* Estilo específico para la columna de corregir en la página ~/alumno/terminadas.aspx */
        .columnaHyperlink {
            min-width: 200px;
        }
        .columnaHyperlink a:link,
        .columnaHyperlink a:hover,
        .columnaHyperlink a:visited,
        .columnaHyperlink a:active {
            color: #0E60bF;
        }

.bleeding {
    text-align:left;
}

.center {
    display:block;
    margin-right:auto;
    margin-left:auto;
    width:450px;
}
.gw {
    width:150px;
    height:30px;
    margin-bottom:20px;
    margin-top:20px;
    float:left;
}

.gw-lg {
    width:200px;
    height:70px;
}

.label-control {
    text-align:right;
    font-size:14px;
     float:left;
     margin:8px;
     margin-top:25px;
}
.lb-lg {
    width:200px;
}