/* Elementos Comunes a toda la Aplicación */

/* Comportamiento de los enlaces en la aplicación */

a:link, a:visited, a:active {
	color: #000099;
	text-decoration: none;
}

a:hover{
	color: yellow;
	text-decoration: underline;
}

/* La botonera se usa para los conjuntos de botones de clasificación, alfabéticos o de número de páginas */
.botonera{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid black;
	text-align:center;
	background-color: white;
	cursor: hand;	
}

a.botonera{
	border:0px solid white;
	font-weight:bolder;
	font-size: 12px;
	background-color: silver; /* Cambiar este color si se cambia el color de fondo de la aplicación */
}

/* Tabla en la que se pone el texto de presentación de un modulo o de la aplicación */
.welcomeTable{
	border: 2px inset white;
	background-color: #CDD9F5;
	font-size: 11px;
}

.welcomeTable th{
	background-color: gray;
	color:white;
	font-size:11px;
	padding: 2px;
}

/* Tabla con fuente pequeña que se usa para poner en otras tablas */
.smallTable{
	font-size: 11px;
}


/* Para un texto de presentación, en las siguientes propiedades vemos como usa el first-line y el first-letter*/
.presentacion{
	font-size: 12px;
	margin-left:5px;
	margin-right: 3px;
}

.presentacion:first-letter{
	font-size:20px;
	font-weight: bold;
}

.presentacion:first-line{
	margin-left: 25px;
}

/* Estilo para aplicar en el pie de página que se debería de incluir en todas */
.piePagina{
	text-align:right;
	margin-right: 10px;
}

/* Texto de ayuda en la parte superior de cada página*/
.ayuda{
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	padding-left: 5px;
	padding-right: 10px;
}

/* Barra superior de menu */

.tabBar{
	border-top: 2px solid white;
}

/* Tabulador no seleccionado */
.normalTab{
	background-color: #FFEFD5;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	border-top: 5px solid white;
	border-right:2px solid white;
	border-left:1px solid white;
}

.normalTab a:link, .normalTab a:visited, .normalTab a:active {
	color: black;
	text-decoration: none;
}

/* Tabulador seleccionado */
.selectedTab{
	vertical-align: top;
	padding-top:5px;
	background-color: Silver;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	border-right:3px solid white;
}

/* Tabulador cuando pasas el puntero por encima */
.overTab{
	background-color: Gray;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	border-top: 3px solid white;
	border-right:3px solid white;
}

/* realizado para permitir varias filas de botones...*/
/*.bgTab{
	background-color: #9091F7;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	border-top: 5px solid white;
	border-left:1px solid white;
}
*/

.filaPar{
	background-color: white;
}

.filaImpar{
	background-color: #EDEDED;	
}

/* Evita la separación vertical de los formularios */
form{
	margin-top:0px;
}


body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.title{
	/* Titulo de las Páginas */
	border: 2px solid inset;
	background-color: #CCCCCC;
	margin: 5px;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	color:black;
}

/* Se aplica en cualquier tipo de listado */
.appTable{
	background-color: #EAEAEA;
	font-size: 12px;
	padding: 2px;
	border: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.appTable th{
	background-color: gray;
	padding: 3px;
	font-size: 11px;
	border: 1px solid white;
	color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.miniappTable{
	/* Pequeña tabla con la apariencia de la otra */
	background-color: #EAEAEA;
	font-size: 10px;
	border: 2px outset;
}

.miniappTable th{
	background-color: gray;
	padding: 2px;
	font-size: 11px;
	border: 1px solid white;
	color:white;
}



.listHeader{
	/* Para las cabeceras de una tabla en la que no queremos poner un TH, ojo!, solo aplicar en TD, nunca en TR's */
	font-size:11px;
	padding: 3px;
	font-weight: bold;
	border-bottom: 2px inset white;
}

.appTable td{
	padding:2px;
}

.appButtonBar{
	/* Botonera para la aplicación */
	margin-bottom: 3px;
	margin-top: 3px;
	background-color: white;
	font-size: 12px;
	border: 1px inset;
}

.appButtonBar td{
	padding: 3px;
}

.button{
	/* Boton de formulario */
	border: 1px solid black;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: silver;
	cursor: hand;
}

.appForm{
	/* Es el formulario sobre el cual se montan las tablas y los campos */
	background-color: #F5F5DC;
	font-size: 12px;
	padding: 2px;
	border: 2px outset;
}

.appForm td{
	padding: 3px;
	vertical-align: middle;
}
.appForm th{
	background-color: gray;
	padding: 3px;
	font-size: 12px;
	border: 1px solid white;
	color:white;
}

.inputBox{
	/* Se usa en cuadros de texto, desplegables y textareas */
	background-color: #D5D7FA;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid gray;
	vertical-align: middle;
}


.appBackground{
	background-color: silver;
	height: 90%;
	width: 98%;
}


.appBackground td{
	vertical-align: top;
}

.smallList{
	/* Para listados pequeños */
	font-size: 10px;
	border: 1px solid black;
}

.toolTip{
	/* Clase para usar en los title y alt */
	cursor:help;
}

.falseTH{
	/* Para que las tablas de dentro de un TH tengan la misma apariencia */
	font-size: 11px;
	color:white;
	font-weight:bold;
}

.detallesNota{
	/* Para un div en el que querramos mostrar texto en cantidad y con un tamaño reducido en ancho */
	background-color: #D5D7FA;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid gray;
	vertical-align: top;
	margin-left: 10px;
	width: 80%;
	padding: 5px;
}



.fileBrowserBody{
	/*Para los contenidos de los Iframes de navegacion de la gest. documental*/
	background-color: #EAEAEA;
	font-size: 10px;
	border: 2px outset;
	border:0px;
	margin:2px;
	scrollbar-arrow-color: Black;
	scrollbar-darkshadow-color: Black;
	scrollbar-base-color: #EAEAEA;
	scrollbar-3dlight-color: white;
	scrollbar-face-color: Gray;
	scrollbar-highlight-color: #EAEAEA;
	scrollbar-shadow-color: #EAEAEA;
	scrollbar-track-color: Silver;
}

.sepInferior{
	border-bottom:1px dashed gray;
}