/* Elementos Html----------------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo de las páginas */
body
{
	background-image: url('../../App_Images/bg.png');
	font-family: Arial;
    font-size: small;
    overflow: hidden;
    margin: 0px; 
}

/* Estilo de los vínculos */
a
{
	color: #16387c;
	text-decoration: none;
	cursor: pointer;
}
a:hover
{
	text-decoration: underline;
}

/* Estilo de la regla horizontal */
hr
{
	border: none;
	border-bottom: dashed 1px #2F4F4F;
	margin: 0px;
}

/* Estilo de las áreas de texto */
textarea 
{
    resize: none;
}

/* Control TextBox---------------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo general */
.TEXTBOX_Style
{
	border: 1px solid #91a7b4;
}

/* Estilo de los campos de texto cuando tienen el foco */
.TEXTBOX_Style:focus
{
	background: #FEFCE0;
}

/* Control DropDownList----------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo general */
.DROPDOWN_Style
{
	border: 1px solid #91a7b4;
}

/* Estilo de los combos de texto cuando tienen el foco */
.DROPDOWN_Style:focus
{
	background: #FEFCE0;
}

/* Control DetailsView------------------------------------------ */
/* ------------------------------------------------------------- */

/* Estilo general */
.DETAILSVIEW_Style
{
    background: White;
    table-layout: auto;
    border: none;
}

/* Estilo del encabezado */
.DETAILSVIEW_HeaderStyle td
{
	background: url(../../App_Images/sprite.png) 0 -100px;
    height: 30px;
    border: solid 1px #91a7b4;
    text-align: center;
    font-weight: bold;
    cursor: move;
}

/* Estilo de las filas */
.DETAILSVIEW_RowStyle td
{
	padding: 5px;
	background: #f1f5f6;
	border: solid 1px #91a7b4;
}

/* Estilo del pié de página */
.DETAILSVIEW_FooterStyle td
{
	height: 30px;
	border: solid 1px #91a7b4;
	background: White;
}

/* Control GridView--------------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo general */
.GRID_Style
{
    background: #f1f5f6;
    table-layout: auto;
}

/* Estilo del encabezado */
.GRID_HeaderStyle
{
    background: #f1f5f6;
    height: 30px;
    
}
.GRID_HeaderStyle th
{
    font-weight: lighter;
} 

/* Estilo de las filas */
.GRID_RowStyle
{
    background: White;
}

/* Estilo de las celdas */
.GRID_HeaderStyle th,
.GRID_RowStyle td, 
.GRID_AlternatingRowStyle td, 
.GRID_SelectedRowStyle td,
.GRID_EmptyDataRowStyle td,
.GRID_FooterStyle td
{
    padding: 5px;
    border: solid 1px White;
}

/* Estilo de las filas seleccionadas */
.GRID_SelectedRowStyle
{
    background: #5D7B9D;
    color: White;
}

/* Estilo de las filas cuando el mouse está sobre estas */
.GRID_RowStyle:hover, 
.GRID_AlternatingRowStyle:hover,
.GRID_SelectedRowStyle:hover
{
    background: #FEFCE0;
    color: Black;
    cursor: default;
}

/* Estilo del pié de página */
.GRID_FooterStyle
{
	background: White;
	font-weight: bold;
}

/* Estilo de las tablas sin registros */
.GRID_EmptyDataRowStyle td
{
    background: White;
    padding: 0px;
}

/* Control CoolGridView----------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo del encabezado */
TABLE.COOLGRID_Style tr th
{
    background-color: #f1f5f6;
    font-weight: lighter;
}

/* Estilo de las celdas */
TABLE.COOLGRID_Style tr td, 
TABLE.COOLGRID_Style tr th
{
    padding: 5px;
    border: 1px solid White;
}

/* Estilo de las filas */
TR.COOLGRID_RowStyle
{
    background-color: White;
}  

/* Estilo de las filas alternantes */
TR.COOLGRID_AlternateRowStyle
{
    background-color: #F8F8F8;
} 

/* Estilo de las filas seleccionadas */
TR.COOLGRID_SelectedRowStyle
{
    background-color: #5D7B9D;
    color: White;
}

/* Estilo de las filas cuando el mouse está sobre estas */
TR.COOLGRID_RowStyle:hover, 
TR.COOLGRID_AlternateRowStyle:hover
{
    background-color: #FEFCE0;
    color: Black;
    cursor: default;
}  

/* Estilo del pié de página */
TR.COOLGRID_FooterStyle
{
    font-weight: bold;
}

/* Impide el auto-ajuste de texto */
TABLE.COOLGRID_Style tr td, 
TABLE.COOLGRID_Style tr th, 
TABLE.COOLGRID_Style tr th span, 
TABLE.COOLGRID_Style tr td span, 
TABLE.COOLGRID_PagerStyle tr td a, 
TABLE.COOLGRID_PagerStyle tr td
{
    white-space : nowrap;
}

/* Mensajes----------------------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo de los cuadros de mensaje */
.MSG_BoxStyle
{
	position: absolute; 
	z-index: 99999; 
	border: solid 1px #91a7b4; 
	background: #FEFCE0; 
	padding: 4px;
}

/* Estilo de los mensajes de error */
.MSG_ErrorStyle
{
	color: Red;
}

/* Estilo de los mensajes de información */
.MSG_OkStyle
{
	color: #0066FF;
}

/* Ventanas Modales--------------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo general */
.POPUP_Style
{
	background: White;
    table-layout: auto; 
    border: solid 1px #91a7b4;
    border-bottom: none;
    border-right: none;
}

/* Estilo del encabezado */
.POPUP_Style th
{
	background: url(../../App_Images/sprite.png) 0 -100px;
    height: 30px;
    border-right: solid 1px #91a7b4;
    border-bottom: solid 1px #91a7b4;
    text-align: center;
    font-weight: bold;
    cursor: move;
}

/* Estilo de las filas */
.POPUP_Style td
{
	padding: 5px;
	background: #f1f5f6;
	border-right: solid 1px #91a7b4;
	border-bottom: solid 1px #91a7b4;
}

/* Estilo del pié de página */
.POPUP_FooterStyle
{
	height: 30px;
    border-right: solid 1px #91a7b4;
    border-bottom: solid 1px #91a7b4;
    font-weight: lighter;
}
.POPUP_FooterStyle td
{
	background: White;
}

/* Estilo del fondo */
.POPUP_BackgroundStyle
{
	background: #666666;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

/* Menú--------------------------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo general */
.MENU_Style
{
    background: White;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 8px;
    margin-bottom: 5px;
}

/* Estilo del encabezado */
.MENU_HeaderStyle
{
	background: url(../../App_Images/sprite.png) 0 -100px;
    border: 1px solid #2F4F4F;
    padding: 8px;
    margin-bottom: 5px;
    cursor: pointer;
    height: 16px;
}
.MENU_HeaderStyle:hover
{
	font-weight: bold;
}

/* Estilo de los encabezados seleccionados */
.MENU_SelectedHeaderStyle
{
	background: url(../../App_Images/sprite.png) 0 -132px;
    border: 1px solid #2F4F4F;
	font-weight: bold;
    padding: 8px;
    cursor: pointer;
    height: 16px;
}

/* Editor Html AjaxToolKit-------------------------------------- */
/* ------------------------------------------------------------- */

/* Estilo del encabezado */
.HTMLEDITOR_Style .ajax__htmleditor_editor_toptoolbar 
{
	background: #f1f5f6;
    border: 1px solid #91a7b4;
    border-top:none;
    padding: 4px;
}

/* Estilo del pié de página */
.HTMLEDITOR_Style .ajax__htmleditor_editor_bottomtoolbar 
{
	background: #f1f5f6;
    border: 1px solid #91a7b4;
    border-bottom:none;
    padding: 4px;
}

/* Estilo del contenido */
.HTMLEDITOR_Style .ajax__htmleditor_editor_editpanel 
{
    border: 1px solid #91a7b4;
    border-top:none;
    border-bottom:none;
    padding: 4px;
    background: #f1f5f6;
}

/* Calendario Extendido AjaxToolKit------------------------------ */
/* ------------------------------------------------------------- */

/* Estilo general */
.CALENDAR_Style .ajax__calendar_container
{
	background: #FEFCE0;
	border: solid 1px Black;
}

/* Estilo del encabezado de los días */
.CALENDAR_Style .ajax__calendar_days table thead tr td
{
	border: none;
	background: #5D7B9D;
    color: White;
}

/* Estilo de los días del mes actual*/
.CALENDAR_Style .ajax__calendar_day
{
	color: #333; 
	background: #f1f5f6;
}

/* Estilo de los días que no son del mes actual */
.CALENDAR_Style .ajax__calendar_other .ajax__calendar_day
{
	color: #666; 
	background: White;
}

/* Estilo de los días cuando el mouse está sobre estos */
.CALENDAR_Style .ajax__calendar_hover 
{
	font-weight: bold;
}

/* Validador Extendido AjaxToolKit------------------------------ */
/* ------------------------------------------------------------- */

/* Estilo general */
.VALEXTENDER_Style div, 
.VALEXTENDER_Style td
{
	border: solid 1px #2F4F4F;
	background: White;
	color: Red;
}

/* Estilo de la tabla emergente */
.VALEXTENDER_Style 
.ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background: transparent;
	padding: 0px;
}

/* Estilo de las filas de la tabla emergente */
.VALEXTENDER_Style 
.ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background: transparent;
	padding: 0px;
}

/* Estilo de las tablas */
.VALEXTENDER_Style 
.ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background: transparent;
	padding: 0px;
}

/* Estilo de las filas de las tablas */
.VALEXTENDER_Style 
.ajax__validatorcallout_callout_table_row
{
	background: transparent;
	padding: 0px;
}

/* Estilo de las celdas de las tablas */
.VALEXTENDER_Style 
.ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background: transparent;
	padding: 0px;
}

/* Estilo de la flecha */
.VALEXTENDER_Style 
.ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background: transparent;
}
.VALEXTENDER_Style 
.ajax__validatorcallout_callout_arrow_cell 
.ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background: transparent;
	padding: 0px;
}
.VALEXTENDER_Style 
.ajax__validatorcallout_callout_arrow_cell 
.ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}

/* Estilo del mensaje */
.VALEXTENDER_Style 
.ajax__validatorcallout_error_message_cell
{
	font-family: Tahoma;
	font-size: 11px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}

/* Estilo del ícono del mensaje */
.VALEXTENDER_Style 
.ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}

/* Estilo del botón cerrar */
.VALEXTENDER_Style 
.ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 5px;
	text-align: right;
	border-left: none;
}
.VALEXTENDER_Style 
.ajax__validatorcallout_close_button_cell 
.ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 1px;
	cursor: pointer;
}
    
/* Otros estilos------------------------------------------------ */
/* ------------------------------------------------------------- */

/* Estilo del encabezado de la aplicación */
.APPLICATION_HeaderStyle
{
	background-image: url(../../App_Images/sprite.png);
	height: 40px;
}

/* Estílo del título de la aplicación */
.APPLICATION_TitleStyle
{
	color: #336699;
	font-size: 18px;
	font-weight: bold;
}

/* Estilo de las páginas de contenido */
.PAGECONTENT_Style
{
	background-image: none;
	background: White;
}

/* Estilo de los campos de búsqueda */
.TEXTSEARCH_Style
{
	background: url(../../App_Images/sprite.png) 0 -181px;
	padding-right: 20px;
	border: 1px solid #91a7b4;
	width: 150px;
}
.TEXTSEARCH_Style:focus
{
	background: #FEFCE0 url(../../App_Images/sprite.png) 0 -181px;
}

/* Estilo de las marcas de agua */
.WATERMARK_Style
{
	color: Gray;
	border: 1px solid #91a7b4;
}

/* Estilo del ícono de progreso cuando se carga la página */
.AJAX_UpdateProgressStyle
{
	background: White;
	position: absolute;
	border: solid 3px Black;
	width: 31px;
	height: 31px;
	z-index: 99999;
}

/* Estilo de las tablas simples, sin espacios ni bordes */
.TABLE_SympleStyle
{
	border-collapse: collapse; 
}
.TABLE_SympleStyle tr, 
.TABLE_SympleStyle td
{
	border: none; 
	padding: 0px;
	margin: 0px;
}

.BUT_Add,.BUT_Back,.BUT_Clear,.BUT_Clon,.BUT_Delete,.BUT_Down,.BUT_Edit,.BUT_Excel,
.BUT_Folder,.BUT_Left,.BUT_Map,.BUT_Pdf,.BUT_Run,.BUT_Search,.BUT_Sum,.BUT_Tree,
.BUT_Up,.BUT_Word,.BUT_Chrome,.BUT_Firefox,.BUT_Explorer,.BUT_Opera,.BUT_Safari
{border: 0; cursor: pointer; display: inline-block; height: 16px; width: 16px;}

.BUT_Add{background:url(../../App_Images/but_add.png);}
.BUT_Back{background:url(../../App_Images/but_back.png);}
.BUT_Clear{background:url(../../App_Images/but_clear.png);}
.BUT_Clon{background:url(../../App_Images/but_clon.png);}
.BUT_Delete{background:url(../../App_Images/but_delete.png);}
.BUT_Down{background:url(../../App_Images/but_ardown.png);}
.BUT_Edit{background:url(../../App_Images/but_edit.png);}
.BUT_Excel{background:url(../../App_Images/but_excel.png);}
.BUT_Folder{background:url(../../App_Images/but_folder.png);}
.BUT_Left{background:url(../../App_Images/but_aleft.png);}
.BUT_Map{background:url(../../App_Images/but_map.png);}
.BUT_Pdf{background:url(../../App_Images/BUT_Pdf.png);}
.BUT_Run{background:url(../../App_Images/but_run.png);}
.BUT_Search{background:url(../../App_Images/but_search.png);}
.BUT_Sum{background:url(../../App_Images/but_sum.png);}
.BUT_Tree{background:url(../../App_Images/but_tree.png);}
.BUT_Up{background:url(../../App_Images/but_arup.png);}
.BUT_Word{background:url(../../App_Images/but_word.png);}
.BUT_Chrome{background-position:-176px -164px}
.BUT_Firefox{background-position:-192px -164px}
.BUT_Explorer{background-position:-208px -164px}
.BUT_Opera{background-position:-224px -164px}
.BUT_Safari{background-position:-240px -164px}


.IMG_Warning
{
	background:url(../../App_Images/sprite.png) 0 -200px;
	width:32px;
	height:32px;
}