.subtotal {
    background-color: dimgray;
    font-weight: bold;
    color: white
}

BODY {
    /* oRIGINAL
	background-color:"#afbdcc";
	*/
    SCROLLBAR-HIGHLIGHT-COLOR: #6699cc;
    SCROLLBAR-ARROW-COLOR: #6699cc;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #6699cc;
    SCROLLBAR-BASE-COLOR: #f5f5f5;
    /*
	SCROLLBAR-HIGHLIGHT-COLOR: #009900;
	SCROLLBAR-ARROW-COLOR: #009900;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #009900;
	SCROLLBAR-BASE-COLOR: #FFFFFF;
*/
}

/*Cuadros de Texto con alineacion izquierda*/
.TextoIzquierda {
    border: 1px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    background-position: right center;
    vertical-align: middle;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-align: left;
}

.TextoIzquierdaSmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: #000000;
    background-position: right center;
    vertical-align: middle;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    height: 16px;
    text-align: left;
    vertical-align: top;
    margin-right: 10px;
}
/*Cuadros de Texto con alineacion derecha*/
.TextoDerecha {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    background-position: right center;
    vertical-align: middle;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    height: 20px;
    text-align: right;
}

.TextoDerechaSmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: #000000;
    background-position: right center;
    vertical-align: middle;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    height: 16px;
    text-align: right;
}

.TextoCentrado {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    background-position: right center;
    vertical-align: middle;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    height: 20px;
    text-align: center;
}

.TextoCentradoSmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: #000000;
    background-position: right center;
    vertical-align: middle;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    height: 16px;
    text-align: center;
}

.TextoSoloCentrado {
    text-align: center;
}
/*Boton*/
.Boton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    cursor: hand;
    background-color: #009900;
    color: white;
    font: 11px Tahoma;
    width: 94px;
}

.BotonSmall {
    cursor: hand;
    background-color: #009900;
    color: white;
    font: 9px Tahoma;
    border: none;
    height: 13px;
    width: 74px;
}
/*hay que borrar no sirve*/
.Titulos {
    background: url(../imagenes/imgfondopanel.gif);
    OVERFLOW: hidden;
    background-color: #F4F4F6;
    font: 14px Arial;
    font-weight: bold;
    height: 19px;
}

/*tag de html*/
body, td, div, input, select, textarea, .normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a {
    color: #0F27A3;
}

    a:active {
        color: #076DAB;
    }

    a.medium {
        font-size: 11px;
        text-decoration: underline;
    }

div.medium {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

h1 {
    font-size: 16px;
    color: #137920;
}

fieldset {
    padding: 5px;
}

/*tipo de letras*/
.medium {
    font-size: 11px;
}

.small {
    font-size: 10px;
}

.note {
    font-size: 10px;
    color: #999999;
}

.error {
    color: #FF0000;
}

.breadcrumbs, .breadcrumbs a {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 3px;
}

/*userInfo*/
.userInfo {
    background: #FDF4B9;
    width: 100%;
    font-size: 11px;
}

    .userInfo .icon {
        border-right: 1px solid #A1A3B9;
        border-bottom: 1px solid #A1A3B9;
    }

    .userInfo .userName {
        border-bottom: 1px solid #A1A3B9;
        width: 100%
    }

    .userInfo .officeName {
        border-bottom: 1px solid #A1A3B9;
    }

/*MESSAGES*/
.messagePane {
    border: 1px solid #666666;
    margin-bottom: 10px;
}

    .messagePane .icon {
        background: #DEDFF0;
        width: 25px;
        padding-top: 5px;
    }

    .messagePane .text {
        background: #FFFFFF;
        padding: 5px;
    }

/*TOOLBARS*/
.aToolbar {
    margin: 20px 0px;
    background: #E5E6E8;
    padding: 5px;
    border: 1px solid #A1A3B9;
    border-top: 4px solid #A1A3B9;
}

.fToolbar {
    margin-top: 20px;
    border-top: 2px solid #A1A3B9;
    padding-top: 5px;
}

.gToolbar {
    background: #E5E6E8;
    padding: 5px;
    border: 1px solid #A1A3B9;
    border-bottom: 0px solid #A1A3B9;
    margin-top: 10px;
}

    .gToolbar a.Button {
        padding: 4px;
    }

/*FORMS*/
.form {
    background: url(../images/bg_form.gif) repeat-y;
    background-color: #F4F4F6;
}

.fdiv {
    margin-bottom: 10px;
}

    .fdiv .fheader td, .fconsult .fheader td, .fcaption {
        background: #FBE757;
        border: 1px solid #A1A3B9;
        font-weight: bold;
        text-align: center;
        padding: 5px;
    }

.fconsult {
    margin-bottom: 10px;
    border: 1px solid #A1A3B9;
    background: #E3E4F2;
    padding: 10px;
    width: 100%;
}

.Button {
    behavior: url(/MonitorCajeros/scripts/Button.htc);
}

.tabbar a {
    text-decoration: none;
    padding: 0px 5px;
    color: #000000;
}

.multipages {
    border: 1px solid #A1A3B9;
    border-top: 0px;
    padding: 10px;
    width: 100%;
    background-color: #E3E4F2;
}

/*PANE*/
.paneTitle {
    background: url(../images/bg_panetitle2.gif);
    font-weight: bold;
    border-left: 1px solid #A1A3B9;
    border-right: 1px solid #A1A3B9;
    padding: 4px 0px 3px 3px;
}

    .paneTitle a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

        .paneTitle a:hover {
            text-decoration: underline;
        }

/* AM-- PANE MENSAJES*/
.paneTitleMensaje {
    background: url(../Imagenes/imgFondoPanel.gif);
    font-weight: bold;
    border-left: 1px solid #A1A3B9;
    border-right: 1px solid #A1A3B9;
    padding: 1px 0px 1px 1px;
}

    .paneTitleMensaje a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

        .paneTitleMensaje a:hover {
            text-decoration: underline;
        }

/*Calendar STYLE*/
.Calendar {
    background: #A1A3B9;
}

    .Calendar .header {
        padding: 4px;
        border: 0px;
        background: #009900;
        color: #FFFFFF;
        text-align: center;
    }

    .Calendar .day {
        padding: 4px;
        border: 0px;
        background: #E5E6E8;
    }

    .Calendar .otherday {
        padding: 4px;
        border: 0px;
        background: #FFFFFF;
    }

    .Calendar .selectedday {
        padding: 4px;
        border: 0px;
        background: #009900;
    }

    .Calendar .nextPrev {
        font-weight: bold;
        padding: 3px 5px 3px 5px;
        height: 25px;
    }

        .Calendar .nextPrev a {
            text-decoration: none;
        }

    .Calendar .Titulo {
        background: url(../Imagenes/imgFondoPanel.gif);
        border-left: 0px solid #A1A3B9;
        border-right: 0px solid #A1A3B9;
        padding: 0px 0px 0px 0px;
    }

/*Calendar 2*/
.Calendar2 {
    background: #A1A3B9;
    font-family: Arial;
    font-size: 6pt;
}

    .Calendar2 .header {
        padding: 2px;
        border: 0px;
        background: #009900;
        color: #FFFFFF;
        text-align: center;
        font-family: Arial;
        font-size: 9px;
    }

    .Calendar2 .day {
        padding: 2px;
        border: 0px;
        background: #E5E6E8;
        font-family: Arial;
        font-size: 9px;
        font-weight: normal;
    }

    .Calendar2 .otherday {
        padding: 2px;
        border: 0px;
        background: #FFFFFF;
        font-family: Arial;
        font-size: 9px;
        font-weight: normal;
    }

    .Calendar2 .selectedday {
        padding: 2px;
        border: 0px;
        background: #009900;
        font-family: Arial;
        font-size: 9px;
        font-weight: normal;
    }

    .Calendar2 .nextPrev {
        font-weight: bold;
        padding: 2px 2px 2px 2px;
        height: 25px;
        font-family: Arial;
        font-size: 9px;
    }

        .Calendar2 .nextPrev a {
            text-decoration: none;
            font-family: Arial;
            font-size: 9px;
        }

    .Calendar2 .Titulo {
        background: url(../Imagenes/imgFondoPanel.gif);
        border-left: 0px solid #A1A3B9;
        border-right: 0px solid #A1A3B9;
        padding: 0px 0px 0px 0px;
        font-family: Arial;
        font-size: 9px;
        font-weight: bold;
    }

/*Calendar STYLE RESPALDOS*/
.CalendarRES {
    background: #A1A3B9;
}

    .CalendarRES .header {
        padding: 4px;
        border: 0px;
        background: #FBE757;
        font-weight: bold;
        text-align: center;
    }

    .CalendarRES .day {
        padding: 4px;
        border: 0px;
        background: #E5E6E8;
    }

    .CalendarRES .otherday {
        padding: 4px;
        border: 0px;
        background: #D7D7D7;
    }

    .CalendarRES .selectedday {
        padding: 4px;
        border: 0px;
        background: #A1A3B9;
    }

    .CalendarRES .nextPrev {
        font-weight: bold;
        padding: 3px 5px 3px 5px;
        height: 25px;
    }

        .CalendarRES .nextPrev a {
            text-decoration: none;
        }

/*CARD STYLE*/
.card {
    background: #A1A3B9;
    margin-bottom: 4px;
}

    .card .actions {
        background: #E5E6E8;
    }

    .card .content {
        background: #FFFFFF;
        padding: 5px;
    }

/* DataGrid STYLE   font-family:Arial, Helvetica, sans-serif */
.DataGrid3 {
    margin-bottom: 10px;
    background: #A1A3B9;
    font-family: verdana;
    font-size: 10px;
}

    .DataGrid3 td {
        padding: 4px;
        border: 0px;
        font-family: verdana;
        font-size: 10px;
    }

    .DataGrid3 .header {
        background: #FBE757;
        font-weight: bold;
        text-align: center;
        font-family: verdana;
        font-size: 10px;
    }

    .DataGrid3 .row {
        background: #E5E6E8;
        font-family: verdana;
        font-size: 10px;
    }

    .DataGrid3 .rowAlt {
        background: #D7D7D7;
        font-family: verdana;
        font-size: 10px;
    }

    .DataGrid3 .rowHl {
        background: #BCC9E0;
        font-family: verdana;
        font-size: 10px;
    }

    .DataGrid3 .pager {
        background: #FFFFFF;
        font-family: verdana;
        font-size: 10px;
    }

/* DataGrid CREADO CON LETRA MEDIUM*/
.DataGridMedium {
    margin-bottom: 5px;
    background: #A1A3B9;
    font-size: 11px;
}

    .DataGridMedium td {
        padding: 4px;
        border: 0px;
        font-size: 11px;
    }

    .DataGridMedium .header {
        background: #009900;
        color: #ffffff;
        text-align: center;
        font-size: 11px;
    }

    .DataGridMedium .row {
        background: #ffffff;
        font-size: 11px;
    }

    .DataGridMedium .rowAlt {
        background: #E5E6E8;
        font-size: 11px;
    }

    .DataGridMedium .rowHl {
        background: #BCC9E0;
        font-size: 11px;
    }

    .DataGridMedium .pager {
        background: #FFFFFF;
        font-size: 11px;
    }

/* DataGrid CREADO CON LETRA MEDIUM*/
.DataGridSmall {
    margin-bottom: 5px;
    background: #A1A3B9;
    font-family: Arial;
    font-size: 6pt;
}

    .DataGridSmall td {
        padding: 1px;
        border: 0px;
        font-size: 9px;
    }

    .DataGridSmall .header {
        background: #009900;
        color: #ffffff;
        text-align: center;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmall .row {
        background: #ffffff;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmall .rowAlt {
        background: #E5E6E8;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmall .rowHl {
        background: #BCC9E0;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmall .pager {
        background: #FFFFFF;
        font-family: Arial;
        font-size: 6pt;
    }

/* DataGrid CREADO CON LETRA MEDIUM*/
.DataGridSmallWhite {
    margin-bottom: 5px;
    background: Silver;
    font-family: Arial;
    font-size: 6pt;
}

    .DataGridSmallWhite td {
        padding: 1px;
        border: 0px;
        font-size: 9px;
    }

    .DataGridSmallWhite .header {
        background: #f7efe7;
        color: #0F27A3;
        text-align: center;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmallWhite .row {
        background: #ffffff;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmallWhite .rowAlt {
        background: #ffffff;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmallWhite .rowHl {
        background: #ffffff;
        font-family: Arial;
        font-size: 6pt;
    }

    .DataGridSmallWhite .pager {
        background: #FFFFFF;
        font-family: Arial;
        font-size: 6pt;
    }

/* DataGrid CREADO CON LETRA MEDIUM respaldos*/
.DataGridMedium2 {
    margin-bottom: 10px;
    background: #A1A3B9;
    font-size: 11px;
}

    .DataGridMedium2 td {
        padding: 4px;
        border: 0px;
        font-size: 11px;
    }

    .DataGridMedium2 .header {
        background: #FBE757;
        font-weight: bold;
        text-align: center;
        font-size: 11px;
    }

    .DataGridMedium2 .row {
        background: #E5E6E8;
        font-size: 11px;
    }

    .DataGridMedium2 .rowAlt {
        background: #D7D7D7;
        font-size: 11px;
    }

    .DataGridMedium2 .rowHl {
        background: #BCC9E0;
        font-size: 11px;
    }

    .DataGridMedium2 .pager {
        background: #FFFFFF;
        font-size: 11px;
    }

/* ULTRAWEBGRID STYLE*/
.ultraWebGrid {
    background: #A1A3B9;
}

    .ultraWebGrid .header {
        padding: 4px;
        border: 0px;
        background: #FBE757;
        font-weight: bold;
        text-align: center;
    }

    .ultraWebGrid .row {
        padding: 4px;
        border: 0px;
        background: #E5E6E8;
    }

    .ultraWebGrid .rowAlt {
        padding: 4px;
        border: 0px;
        background: #D7D7D7;
    }

    .ultraWebGrid .groupByBox {
        background: #E5E6E8;
        padding: 5px;
        border: 1px solid #A1A3B9;
        border-bottom-width: 0px;
    }

    .ultraWebGrid .groupByRow {
        padding: 4px;
        border: 0px;
        background: #FBE757;
        font-weight: bold;
        text-align: left;
    }

    .ultraWebGrid .pager {
        background: #E5E6E8;
        padding: 5px;
        border: 1px solid #A1A3B9;
        border-top-width: 0px;
    }

    .ultraWebGrid .editCell {
        border: 1px solid #7F9DB9;
    }

/*LISTBAR STYLE*/
.listbar div {
    font-size: 11px;
    color: #0F27A3;
}

.listbar .header td {
    background: url(../images/bg_panetitle.gif);
    height: 28px;
    font-weight: bold;
    vertical-align: middle;
    padding: 3px;
}

.listbar .groupTitle {
    background: #D4D7EB;
    padding: 4px 4px 4px 6px;
    font-weight: bold;
    color: #000000;
}

.listbar .group {
    padding: 10px;
}

.menu {
    font-size: 11px;
    padding: 10px;
}

    .menu a {
        text-decoration: none;
    }

    .menu .icon {
        margin-right: 3px;
    }