/************** Styles Generales *************/
/* Colores y Fuente */
h1, h2, h3, p, td, th, body{
	font-family: verdana, sans-serif;
	/*font-weight: bold; */
	/* color:green; */
}
a:link {color:black;}       /*unvisited link */
a:visited {color:black;}   /*visited link */
a:hover {color:black;}  /*mouse over link */
a:active {color:black;}   /*selected link */

body{background-color: #FCEAAA;} /* mejora el flash of unstyled content before jquery ready event */
/**********************************************/

/*********** Styles Clases Particulares ***********/
/* Fondos de los frames */
.ui-layout-center{background-color: #FCEAAA;}
.ui-layout-west{background-color: grey;}
.ui-layout-north{background-color: rgb(255, 165, 0);}
/* Para el mensaje de exito */
.ui-state-ok, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #89C186; 
	background-color: green;
	color: #ffffff;}
.ui-state-ok .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png);}
.ui-state-ok a {color: #000000;}
/* Botones del header */
#inicio, #config, #salir {
	background: rgb(255, 165, 0);
}
#inicio>span.ui-icon, #config>span.ui-icon, #salir>span.ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
/***************************************************/

/*************** DisplayTag ***************/
.dataTable th {color: black;}
.dataTable thead tr {background-color: #fc0;}
.dataTable th.sorted {background-color: orange;}
.dataTable tr.odd {background-color: rgb(220, 220, 220)}
.dataTable tr.tableRowEven, 
.dataTable tr.even {background-color: rgb(240, 240, 240)}
/******************************************/

/********** The automcomplete box styling **********/
div.auto_complete {
    width: 350px;
    background: #fff;
}
div.auto_complete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}
div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}
div.auto_complete ul li.selected {background-color: #dcedad;}
div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}
/***************************************************/

td.info{color:OrangeRed;}/* Se usa en la jsp de bajaIngreso */
.mensajeError{color: red;}
.encabezado{
	background-color: grey ;
	color: black;
}
.form-error-field { background-color: #FFA07A; }/* Campo con error */
.form-error-message { font-weight: bold; color: #FF0000; }/* Mensaje del campo con error */
.form-warning-message { font-weight: bold; color: #ff9e27; }/* Para mostrar algun texto de warning */