/******************************************************************************************/
/*1) HTML*/
/******************************************************************************************/

/*-----------------------------------------------------------------------------------------*/
/*Tags HTML*/

body
{
    font-family: Verdana;
    font-size: 8pt;
    margin-top: 0px;
    margin-bottom: 0px;
    scrollbar-face-color: gainsboro;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: gainsboro;
    scrollbar-color: #D1D7DC;
    scrollbar-arrow-color: slategray;
    scrollbar-track-color: whitesmoke;
    scrollbar-darkshadow-color: slategray;
}

.bordeCelda
{
    border: 1px solid #CCCCCC;
}

.EstiloCadena
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: bold;
    background: #ebebeb;
    border: 1px solid #CCCCCC;
}

.celda
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
}

.pie
{
    font-size: 9px;
    width: 99%;
}

.inputB
{
    /*border: 1px solid #cccccc;*/
    height: 20px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #333;
    border-left: 0px #FFF;
    border-top: 0px #FFF;
    border-right: 0px #fff;
}

input
{
    font-family: Verdana;
    font-size: 8pt;
    text-transform: uppercase;
}
textarea
{
    font-family: Verdana;
    font-size: 8pt;
    text-transform: uppercase;
}
select
{
    font-family: Verdana;
    font-size: 8pt;
    border-right: gainsboro 1px solid;
    padding-right: 3px;
    border-top: #00224C 1px solid;
    padding-left: 3px;
    background: #fcfdfc;
    padding-bottom: 3px;
    margin-left: 0px;
    border-left: #00224C 1px solid;
    color: black;
    line-height: 0.7em;
    margin-right: 4px;
    padding-top: 3px;
    border-bottom: gainsboro 1px solid;
}

img
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
hr
{
    color: Black;
}

/*input[type="text"]
{
    padding: 3px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
    text-transform: uppercase;
}*/

/*input[type="text"]:focus
{
    background-color: #FFFFEC;
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}*/

input[type="password"]
{
    padding: 3px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}

input[type="password"]:focus
{
    background-color: #FFFFEC;
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}

/*textarea:focus
{
    background-color: #FFFFEC;
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}*/

select
{
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: none;
    outline: none;
    display: inline-block; /*-webkit-appearance:none;     -moz-appearance:none;*/
    appearance: none;
    cursor: pointer;
}

img
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
/*hr
{
    color: #8B4513;
}*/

/*-----------------------------------------------------------------------------------------*/
/* Mostrar Ocultar */
.hidden
{
    display: none;
    visibility: visible;
}

.Nohidden
{
    display: block;
    visibility: visible;
}

.ControlTransparente
{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: 0.2;
}

.ControlVisible
{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 0.4;
}

/*-----------------------------------------------------------------------------------------*/
/*Tablas*/

.TableToolbar
{
    padding-right: 0px;
    padding-left: 0px;
    background-image: none;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    border-bottom: gainsboro 1px solid;
    background-color: whitesmoke;
}

.TableTituloDato
{
    background-color: #ECECB3; /*#ECECB3 #EEE8AA #ECCA63*/ /*border-right: #f7f7de 1px solid; 	border-top: #f7f7de 1px solid; 	border-left: #f7f7de 1px solid; 	border-bottom: #f7f7de 1px solid;*/
}

.TableTituloDatoFormal
{
    background-color: #8B4513; /*#ECECB3 #EEE8AA #ECCA63*/ /*border-right: #f7f7de 1px solid; 	border-top: #f7f7de 1px solid; 	border-left: #f7f7de 1px solid; 	border-bottom: #f7f7de 1px solid;*/
}

.TableContenedorBorde
{
    border: solid 2px #EEE8AA;
    font-family: verdana;
    font-size: 11px;
    cursor: default;
}

.TableDatos
{
    background-color: #ffffec;
    border-left: solid 2px #EEE8AA;
    border-top: solid 2px #EEE8AA;
    border-bottom: solid 3px #EEE8AA;
    border-right: solid 3px #EEE8AA;
    margin-bottom: 1px;
}

.TrMantenimiento
{
    margin-bottom: -15;
    padding-left: 15;
    height: 20px;
    border-bottom: #EEE8AA 1px solid;
    padding: 0px;
}

/******************************************************************************************/
/*2) SKIN*/
/******************************************************************************************/

/*-----------------------------------------------------------------------------------------/
/*CSS (Default)*/

.BtnDefault
{
    bottom-color: #cccccc;
    border-top-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    background: #003300;
    color: #FFFFFF;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    clip: rect(auto, auto, auto, auto);
}

.ChkDefault
{
    font-family: Times New Roman;
    font-size: 9pt;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    color: 49357; /*#8b4513; /*#849357;*/
    line-height: 0.7em;
    margin-right: 0px;
    padding-top: 0px;
}

.ChkItem
{
    font-family: Book Antiqua, Times New Roman;
    font-size: 9pt;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    color: black; /*#849357;*/
    line-height: 0.7em;
    margin-right: 0px;
    padding-top: 0px;
}

.RblDefault
{
    font-family: Times New Roman;
    font-size: 8pt;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    color: Black; /*#849357; /*#849357;*/
    line-height: 0.7em;
    margin-right: 0px;
    padding-top: 0px;
}

.RblTitulo
{
    font-family: Book Antiqua;
    font-size: 9pt;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    color: #8b4513; /*#849357;*/
    line-height: 0.7em;
    margin-right: 0px;
    padding-top: 0px;
    background-color: #ffffec;
    border-left: solid 2px #EEE8AA;
    border-top: solid 2px #EEE8AA;
    border-bottom: solid 3px #EEE8AA;
    border-right: solid 3px #EEE8AA;
}

.RblEncuesta
{
    font-family: Book Antiqua;
    font-size: 9pt; /*font-weight: bold;*/
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 0px; /*color: #8b4513;*/ /*#849357;*/
    line-height: 0.7em;
    margin-right: 0px;
    padding-top: 0px; /*background-color: #ffffec;*/
}

.RblExamen
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt; /*font-weight: bold;*/
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 0px; /*color: #8b4513;*/ /*#849357;*/
    line-height: 0.7em;
    margin-right: 0px;
    padding-top: 0px; /*background-color: #ffffec;*/
}

.ValidationSummaryDefault
{
    border-right: #f10043 1px solid;
    border-top: #f10043 1px solid;
    font-size: 8pt;
    border-left: #f10043 1px solid;
    color: #f10043;
    border-bottom: #f10043 1px solid;
    font-family: verdana;
    background-color: #ffffe1;
    text-align: left;
}

/*-----------------------------------------------------------------------------------------/
/*Skin Fondo Controles*/

.PanelBackground
{
    background-color: #F7F7DE;
    background-image: url(../../Imagenes/FondoControles/imgPanelBackground.png);
    font-family: tahoma, verdana;
}

.GridViewHeader
{
    background-color: #EEE8AA;
    background-image: url(../../Imagenes/FondoControles/imgGridViewHeader.png);
    font-family: tahoma, verdana;
    font-size: 8px;
    font-weight: bold;
    height: 21px;
}

.GridViewFooter
{
    background-color: #EEE8AA;
    background-image: url(../../Imagenes/FondoControles/imgGridViewFooter.png);
    font-family: tahoma, verdana;
    font-size: 8px;
    font-weight: bold;
}

/*-----------------------------------------------------------------------------------------/
/*Skin TextField*/

.TxtNoTransform
{
    font-family: Verdana;
    font-size: 8pt;
    text-transform: none;
}

.TxtFocus
{
    background-color: #ffffec;
}

.TxtFocusNoTransform
{
    background-color: #ffffec;
    text-transform: none;
}

.TxtNormal
{
    background-color: #ffffff;
}

/*-----------------------------------------------------------------------------------------/
/*Skin Labels*/


.LblDefault
{
    font-family: 'Times New Roman';
    font-size: 8pt;
    color: Black;
    font-weight: bor: Black;
    font-weight: bold; /*text-align: left; 	vertical-align: middle;*/
}
/*.LblDefault
{
    font-family: 'Times New Roman';
    font-size: 8pt;
    color: #8b4513;
    font-weight: bold;
    margin-top: 0px;
}*/

.LblMasterCabecera
{
    font-family: Tahoma;
    font-size: 10px;
    color: #990000; /*#707C4A; #8b4513;*/
    margin-right: 10px;
    padding: 0px;
    margin-top: 10px;
    font-weight: bold;
    text-align: right;
}

.LblCargando
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #cc0000;
    font-weight: bold;
    text-align: justify;
}

.LblTitle
{
    font-family: 'Book Antiqua';
    font-size: 14px;
    color: #8B4513;
    padding: 0px;
    font-weight: bold;
    text-align: center;
}

.LblDato
{
    font-family: 'Times New Roman';
    font-size: 13px;
    color: #FFFFCE;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.Lblpag
{
    font-family: Arial, Helvetica, Arial;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
}

.LblDatoFondo
{
    font-family: Verdana, Times New Roman;
    font-size: 10px;
    color: #8b4513;
    font-weight: bold;
    text-align: justify;
    vertical-align: middle;
    background-color: #EEE8AA;
    text-decoration: none;
}

.LblDatoImportante
{
    font-family: Tahoma;
    font-size: 10px;
    color: #cc0000;
    font-weight: bold;
    text-align: justify;
}

.LblDatoCompacto
{
    font-family: Tahoma, Verdana;
    font-size: 9px;
    color: #8b4513;
    font-weight: bold; /*text-align: center; 	vertical-align: middle;*/
}

.LblDatoCompactoImportante
{
    font-family: Tahoma, Verdana;
    font-size: 9px;
    color: #cc0000;
    font-weight: bold; /*text-align: center; 	vertical-align: middle;*/
}

.LblTituloCabecera
{
    font-family: 'Book Antiqua' , 'Century Schoolbook' , 'Times New Roman';
    font-size: 13px;
    color: #990000;
    font-weight: bold;
    text-align: justify; /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloFormulario
{
    font-family: 'Book Antiqua' , 'Century Schoolbook' , 'Times New Roman';
    font-size: 16px;
    color: Black; /*#990000;*/
    font-weight: bold;
    text-align: center;
    vertical-align: middle; /*text-decoration: none;*/ /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloGrupo
{
    font-family: 'Book Antiqua' , 'Century Schoolbook' , 'Times New Roman';
    font-size: 12px;
    color: #8b4513;
    font-weight: bold;
    text-align: justify; /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloCabeceraFormal
{
    font-family: 'Century Schoolbook' , 'Times New Roman';
    font-size: 13px;
    color: #990000;
    font-weight: bold;
    text-align: justify; /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloFormularioFormal
{
    font-family: 'Century Schoolbook' , 'Times New Roman';
    font-size: 16px;
    color: #990000;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; /*text-decoration: none;*/ /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloGrupoFormal
{
    font-family: 'Century Schoolbook' , 'Times New Roman';
    font-size: 11px;
    color: #8b4513;
    font-weight: bold;
    text-align: justify; /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloCabeceraNoFormal
{
    font-family: Lucida Handwriting, Times New Roman;
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    text-align: justify; /*vertical-align: middle;*/ /*text-decoration: none;*/ /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloFormularioNoFormal
{
    font-family: Lucida Handwriting, Times New Roman;
    font-size: 15px;
    color: #990000;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; /*text-decoration: none;*/ /*text-shadow: 0.1em 0.1em #333;*/
}

.LblTituloGrupoNoFormal
{
    font-family: Lucida Handwriting, Times New Roman;
    font-size: 11px;
    color: #8b4513;
    font-weight: normal;
    text-align: justify; /*text-shadow: 0.1em 0.1em #333;*/
}

.LblDetailView
{
    font-family: Tahoma, Times New Roman;
    font-size: 11px;
    color: #8b4513;
    font-weight: bold;
    text-align: justify;
    vertical-align: middle;
    background-color: #EEE8AA;
    text-decoration: none;
}

.LblFormulario
{
    font-family: Verdana, Times New Roman;
    font-size: 10px;
    color: #8b4513;
    font-weight: bold; /*text-align: justify;*/
    vertical-align: middle; /*background-color: #EEE8AA;*/
    text-decoration: none;
}

.LblDatoGrilla
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 10px;
    color: Black; /*text-align: center;*/
}

.LblDatoGrillaResaltado
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 10px;
    color: Black;
    font-weight: bold; /*text-align: center;*/
}

.LblDatoGrillaRojo
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 10px;
    color: #990000; /*text-align: center;*/
}

.LblDatoGrillaResaltadoRojo
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 10px;
    color: #990000;
    font-weight: bold; /*text-align: center;*/
}

.LblDatoGrillaGris
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 10px;
    color: #666666; /*text-align: center;*/
}

.LblDatoGrillaResaltadoGris
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 10px;
    color: #666666;
    font-weight: bold; /*text-align: center;*/
}

.LblDatoCumpleaños
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 9px;
    color: Black; /*text-align: center;*/
}

.LblDatoCumpleañosRojo
{
    font-family: Tahoma, 'Times New Roman';
    font-size: 9px;
    color: #990000; /*font-weight: bold;*/ /*text-align: center;*/
}

/*Encuesta, Curso, Examen*/

.LblEncuestaTitulo
{
    font-family: Tahoma;
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    text-align: left;
}

.LblEncuestaPregunta
{
    font-family: Book Antiqua;
    font-size: 12px;
    color: #8b4513;
    font-weight: bold;
    text-align: left;
}

.LblEncuestaRespuesta
{
    font-family: Book Antiqua;
    font-size: 9pt;
    color: Black;
}

.LblComentarioTitulo
{
    font-family: Book Antiqua;
    font-size: 9pt;
    color: Black;
    font-weight: bold;
}

.LblComentarioDato
{
    font-family: Book Antiqua;
    font-size: 9pt;
    color: Black;
}

.LblComentarioDatoImportante
{
    font-family: Book Antiqua;
    font-size: 9pt;
    color: #870000;
    font-weight: bold;
}

.LblCursoTitulo
{
    color: #404040;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}

.LblCursoLeccionTitulo
{
    color: #7F5638;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-top: 10px;
}


.LblExamenPregunta
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #8b4513;
    font-weight: bold;
    text-align: left;
}

.LblExamenResultado
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100px;
    color: #8b4513;
    font-weight: bold;
}

.LblExamenNota
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    color: #8b4513;
    font-weight: bold;
}

.LblExamenPreguntaResultado
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #8b4513;
    font-weight: bold;
    text-align: left;
}

/*Login & Fondo*/

.LblLoginTitulo
{
    color: #8b4513; /*#707C4A;*/
    font-family: Garamond;
    font-weight: bold;
    font-size: 16pt;
}

.LblLoginPiePagina
{
    color: #8b4513; /*#707C4A;*/
    font-family: Verdana;
    font-weight: bold;
    font-size: 7pt;
}

/*-----------------------------------------------------------------------------------------/
/*Skin Panel*/

.PanelContenedor
{
    /*background-color: #f3f6e5; 	background-image: url(../../Imagenes/ComponentArt/nbBackground.jpg); 	background-repeat: repeat-y;*/
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

.PanelContenedorDatos
{
    background-color: #F7F7DE;
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

.PanelTitulo
{
    background-image: url(../../Imagenes/FondoControles/imgPanelBackground.png);
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

.PanelTituloCabecera
{
    cursor: hand;
    background-image: url(../../Imagenes/FondoControles/imgPanelBackground.png);
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

.PanelTituloGrupo
{
    background-color: #EEE8AA;
    background-image: url(../../Imagenes/FondoControles/imgGridViewHeader.png);
    font-family: tahoma, verdana;
    font-size: 8px;
    font-weight: bold;
    height: 21px;
    cursor: hand;
}

.PanelTituloGrupoNoFormal
{
    border: solid 2px #ffcc66;
    background-color: #ffffcc;
}

.PanelTituloGrupoNoFormal
{
    border: solid 2px #ffcc66;
    background-color: #ffffcc;
}

.PanelTituloGrupoFormal
{
    border: solid 2px #ECC65A;
    background-color: #ffffe6;
}

.PanelTituloModal
{
    border: solid 2px #ECC65A;
    background-color: #696969;
}

.PanelCumpleaños
{
    background-image: url(../../Imagenes/Fondos/imgFondoCumpleanos.png);
}



/*-----------------------------------------------------------------------------------------/
/* Skin Calendar*/

.WebCalendar_Header
{
    font-weight: bold;
    font-size: 9pt;
    font-family: Tahoma;
    color: #8b4513; /*color :#F7F7DE;*/
    font-weight: bold;
    background-color: #EEE8AA; /*background-color: #707c4a;*/
    text-align: center;
    text-decoration: none;
}
.WebCalendar_SubHeader
{
    font-weight: bold;
    font-size: 8pt;
    color: #333300;
    font-family: Verdana;
    background-color: #EEE8AA; /*background-color: #f7f7de;*/
    text-align: center;
}

.WebCalendar_DayWeekend
{
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #707c4a;
    font-weight: bold;
    background-color: #f7f7de;
    text-align: center;
}

.WebCalendar_Day
{
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
    font-weight: bold;
    background-color: #f7f7de;
    text-align: center;
}


/*-----------------------------------------------------------------------------------------/
/* DataCalendar*/

.DataCalendar_Header
{
    font-weight: bold;
    font-size: 9pt;
    font-family: Tahoma;
    color: #8b4513; /*color :#F7F7DE;*/
    font-weight: bold;
    background-color: #EEE8AA; /*background-color: #707c4a;*/
    text-align: center;
    text-decoration: none;
}

.DataCalendar_SubHeader
{
    font-weight: bold;
    font-size: 8pt;
    color: #333300;
    font-family: Verdana;
    background-color: #EEE8AA; /*background-color: #f7f7de;*/
    text-align: center;
}

.DataCalendar_DayWeekend
{
    /*font-weight: bold;*/
    font-size: 8pt;
    font-family: Verdana;
    color: #707c4a;
    background-color: #f7f7de;
    text-align: center;
}

.DataCalendar_Day
{
    /*font-weight: bold;*/
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
    background-color: #f7f7de;
    text-align: center;
}

/*-----------------------------------------------------------------------------------------/
/* Skin Schedule Calendar*/

.ScheduleItem
{
    background-color: #F5F1CF;
    background-image: url(../../Imagenes/FondoControles/imgScheduleBackground.gif);
    background-repeat: repeat-x;
}

.ScheduleItemSelected
{
    background-color: #ffd188;
    background-image: url(../../Imagenes/FondoControles/imgScheduleBackgroundSelected.gif);
    background-repeat: repeat-x;
}

.ScheduleTitle
{
    text-align: center;
    font-family: verdana,tahoma,arial;
    font-size: 10px;
    background-color: #EEE8AA;
    background-image: url(../../Imagenes/FondoControles/imgGridViewHeader.png);
    font-weight: bold;
    color: maroon;
}

.ScheduleTimeHeader
{
    text-align: center;
    vertical-align: middle;
    font-family: verdana,helvetica,arial;
    font-size: 10px; /*background-image: url(../../Imagenes/FondoControles/imgScheduleTimeBackground.gif);*/
    background-repeat: repeat-x;
    color: #C13B2F;
    background-color: #EEE8AA;
}

/******************************************************************************************/
/*3) AJAX*/
/******************************************************************************************/

/*-----------------------------------------------------------------------------------------*/
/*Ajax Control Toolkit*/

/*Pop Up & Modal*/

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #FFFFFF; /*#ffffdd;*/
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.popupHover
{
    background-position: left top;
    background-color: #F5F7F8;
}

/*CollapsiblePanel*/

.cpeBackground
{
    background-color: #f3f6e5;
    background-image: url(../../Imagenes/ComponentArt/nbBackground.jpg);
    border-top-color: #F0F1F5;
}

/*Textbox Watermark*/

.unwatermarked
{
    text-transform: none;
}

.watermarked
{
    text-transform: none; /*border: 1px solid #BEBEBE;*/
    background-color: #ffffec;
    color: gray;
}

/*Sort*/
.sortalternatingrowstyle
{
    background-color: #e5e5e5;
}
.sortrowstyle
{
    background-color: #f0f0f0;
}
.sortascheaderstyle
{
    background: #c5c5c5 url(../Imagenes/Iconos/imgArrowUp.gif) no-repeat scroll right center;
    padding-left: 5px;
}
.sortdescheaderstyle
{
    background: #c5c5c5 url(../Imagenes/Iconos/imgArrowDown.gif) no-repeat scroll right center;
    padding-left: 5px;
}

/*Splitter*/
.HorizontalSplitterBar
{
    background: url(../../Imagenes/ComponentArt/splitter_horBg.gif);
}

.CollapsedHorizontalSplitterBar
{
    background: url(../../Imagenes/ComponentArt/splitter_horBg.gif);
    border: 1px solid #000000;
    border-right-width: 0px;
}

.VerticalSplitterBar
{
    background: url(../../Imagenes/ComponentArt/splitter_verBg.gif);
}

.CollapsedVerticalSplitterBar
{
    background: url(../../Imagenes/ComponentArt/splitter_verBg.gif);
    border: 1px solid #000000;
    border-bottom-width: 0px;
}

.ActiveSplitterBar
{
    background-color: #000000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: 0.4;
}

.SplitterPane
{
    border: 1px solid #333333;
}

.DetailsPane
{
    border: 7px solid #888888;
}

/*Calendar*/
.MyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: red;
    width: 160px;
    text-transform: uppercase;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bold;
}

/*Rotator*/
.RotatorFrame
{
    border: solid 1px white;
    font-family: verdana;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.RotatorFrameOver
{
    border: solid 1px darkred;
    font-family: verdana;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.City
{
    border: solid 1px darkred;
    background-color: darkred;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    color: White;
}

.LightText
{
    background-color: white;
    font-family: Verdana;
    font-size: 10px;
}

.StrongText
{
    background-color: white;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
}

/*MaskedText*/
.MaskedEditFocus
{
    background-color: #ffffec;
    color: #a7a7a7;
    border: 1px solid #a9a9a9;
}
.MaskedEditMessage
{
    color: #ff0000;
    font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/*ValidatorCallout*/
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}


/*-----------------------------------------------------------------------------------------*/
/*Flan*/
.closeIcon
{
    background-position: right top;
    background-image: url(../../Imagenes/Botones/btnCloseIcon.jpg);
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    width: 19px;
    top: 1px;
    height: 19px;
    right: 1px;
}
.updateProgress
{
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=70);
    mozopacity: 0.7;
    opacity: 0.7;
    padding: 0px;
    margin: 0px;
}

/*-----------------------------------------------------------------------------------------*/
/*NavBar*/
.NavBar
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 2px;
    padding-bottom: 1px;
    cursor: default;
}

.nbSuperTopItem
{
    background-color: #F7F7DE;
    background-image: url(../../Imagenes/ComponentArt/nbTopMain.jpg);
    font-family: tahoma, verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #696885;
    border-bottom-color: #57566F;
    border-right-color: #57566F;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
}

.nbTopItem
{
    background-color: #c4d496;
    background-image: url(../../Imagenes/ComponentArt/nbItem.jpg);
    font-family: tahoma, verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #696885;
    border-bottom-color: #57566F;
    border-right-color: #57566F;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
}

.nbTopItemHover
{
    background-color: #d2dfa9;
    background-image: url(../../Imagenes/ComponentArt/nbItemHover.jpg);
    font-family: tahoma, verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #7C7C94;
    border-bottom-color: #9593B2;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
}

.Level2Item
{
    font-family: tahoma, verdana;
    font-size: 11px;
    padding-left: 10px;
    cursor: hand;
}

.Level2ItemHover
{
    font-family: tahoma, verdana;
    font-size: 11px;
    text-decoration: underline;
    padding-left: 10px;
    cursor: hand;
}

.nbLevel2Group
{
    background-color: #f3f6e5;
    background-image: url(../../Imagenes/ComponentArt/nbBackground.jpg); /*border-top-color: #F0F1F5; 	padding: 10px; 	padding-left: 10px; 	padding-right: 0px;*/
    background-repeat: repeat-y;
    width: 100%;
}

.nbLevel3Group
{
    background-color: #FFFAE8;
    background-image: url(../../Imagenes/ComponentArt/tlBackground.jpg);
    background-repeat: repeat-y;
    width: 100%;
    cursor: hand;
}

.nbLevel4Group
{
    background-color: #FFFAE8;
    background-image: url(../../Imagenes/ComponentArt/tlBackground.jpg);
    background-repeat: repeat-y;
    width: 100%;
    border-right: silver solid;
    border-top: silver solid;
    border-left: silver solid;
    border-bottom: silver solid;
}

.nbLevel5Group
{
    background-color: #FFFAE8;
    background-image: url(../../Imagenes/ComponentArt/tlBackground.jpg);
    background-repeat: repeat-y;
    width: 100%;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

/******************************************************************************************/
/*4) Javascript*/
/******************************************************************************************/

/*-----------------------------------------------------------------------------------------*/
/*TabContent*/

.shadetabs
{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 11px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li
{
    display: inline;
    margin: 0;
}

.shadetabs li a
{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #778;
    color: #2d2b2b;
    background: white url(../../Imagenes/FondoControles/imgPanelBackground.png) top left repeat-x;
}

.shadetabs li a:visited
{
    color: #2d2b2b;
}

.shadetabs li a:hover
{
    text-decoration: underline;
    color: #2d2b2b;
}

.shadetabs li a.selected
{
    /*selected main tab style */
    position: relative;
    top: 1px;
}

.shadetabs li a.selected
{
    /*selected main tab style */
    background-image: url(../../Imagenes/FondoControles/imgPanelBackgroundHover.png);
    border-bottom-color: white;
}

.shadetabs li a.selected:hover
{
    /*selected main tab style */
    text-decoration: none;
}

.tabcontent
{
    display: none;
}

@media print
{
    .tabcontent
    {
        display: block !important;
    }
}

/*-----------------------------------------------------------------------------------------*/
/*JQUERY Efecto Panel*/

.ddpanel .ddpanelcontent
{
    background: black;
    color: white;
}
.ddpanel .ddpaneltab
{
    font: 12px Arial;
    margin-right: 20px;
}
.ddpanel .ddpaneltab A SPAN IMG.pointerimage
{
    margin-top: 2px;
    margin-left: 5px;
}
.ddpanel .ddpaneltab A:hover
{
    background-color: navy;
}
.ddpanel .ddpaneltab A:active
{
    outline: 0;
}
.ddpanel .ddpaneltab A:focus
{
    outline: 0;
}
.ddpanel .ddpaneltab A:hover SPAN
{
    background-color: transparent;
}
.ddpanel .ddpanelcontentalt
{
    color: white; /*border: solid 1px #AAB181;*/ /*background-color:#FFF9EC;*/
}
.ddpanel .ddpaneltabalt A:hover
{
    background-color: gray;
}

/*-----------------------------------------------------------------------------------------*/
/*JQUERY Dock Toolbar*/

/* dock - top */
.dock
{
    position: relative;
    height: 50px;
    text-align: center;
}
.dock-container
{
    position: absolute;
    height: 50px;
    background: url(../../Imagenes/FondoControles/imgFondoToolbarTop.png);
    padding-left: 20px;
}
a.dock-item
{
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img
{
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}
.dock-item span
{
    display: none;
    padding-left: 20px;
}

/* dock2 - bottom */
#dock2
{
    width: 100%;
    bottom: 0px;
    position: absolute;
    left: 0px;
}
.dock-container2
{
    position: absolute;
    height: 50px;
    background: url(../../Imagenes/FondoControles/imgFondoToolbarBottom.png);
    padding-left: 20px;
}
a.dock-item2
{
    display: block;
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 40px;
    color: #000;
    bottom: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
}
.dock-item2 span
{
    display: none;
    padding-left: 20px;
}
.dock-item2 img
{
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}

/*-----------------------------------------------------------------------------------------*/
/*Freeze Header*/

.GridViewDivScroll
{
    /*height: 200px;*/
    border: 1px solid #a9a9a9; /*background-color: transparent;*/
    scrollbar-face-color: #dcdcdc;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

.GridViewDivScroll TH
{
    position: relative;
    display: table-column;
}

.GridViewDivScroll TR
{
    height: 0px;
}

.ScrollContent
{
    display: block;
    overflow: auto;
}

.FixedHeader
{
    display: block;
}