/*************************************************************
Nombre: tablas.css
Autor: mmg332 - Miguel Monreal
Fecha: 06/10/2008
Descripcion: Hoja de estilo para darle aspecto a una tabla que use estas clases.
			 			 Colores azul y gris
***************************************************************/

.estiloTablas{
	background-color:#FFF;
	border-collapse: collapse;
}

.estiloTablas table, th, td {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #666;
}

/* Se define el estilo para el encabezado de la tabla */
.estiloTablas caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
	text-transform:uppercase;
	text-align:center;
}
/* Todo elemento con datos de las tablas definimos un padding de 4*/ 
.estiloTablas td, th {
	padding: 4px;
	text-align:center;
}

.estiloTablas thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100%;	
}

/* Color para las lineas pares */
.estiloTablas tbody tr { 
	background: #FCFDFE; 
}

/* Color para las lineas impares*/
.estiloTablas tbody tr.odd { 
	/*background: #F7F9FC;*/
	background: #F5F6F1; 
}

/* Los campos que sean cabecera dentro de una sección de la tabla en negrita:*/
.estiloTablas tbody th {
	font-weight: bold;	
}

/* Estas hacen falta porque las de murciasalud definen los th que hay dentro de un tr, así que hay que sobreescribirlas */
.estiloTablas tbody tr th {
	background: #FCFDFE; 
}
.estiloTablas tbody tr.odd th{
	/*background: #F7F9FC;*/
	background: #F5F6F1; 
}


/* Definimos como queremos que se muestren los enlaces dentro de una tabla */

.estiloTablas table a:link {
	color: #718ABE;
	text-decoration: none;
}

.estiloTablas table a:visited {
	color: #718ABE;
	text-decoration: none;
}

.estiloTablas table a:hover {
	color: #718ABE;
	text-decoration: underline !important;
}

.estiloTablas tfoot th, tfoot td {
	font-size: 90%;
}

/* Para el resultado del buscador de peticiones se añaden estas clases*/
.estado_pendiente {
	display:inline;	
	color: #DF4545;
	background-color:#FFD7D7;
	border:1px solid #E5E5E5;
}

.estado_en_curso {
	display:inline;	
	color: #DF8237;
	background-color:#FFDCBF;
	border:1px solid #E5E5E5;
}

.estado_finalizada {
	display:inline;	
	color: #62AF74;
	background-color:#F3FCE3;
	border:1px solid #E5E5E5;
}

/* Para la tabla que muestra la disponibilidad le damos un margin por arriba para poder ver todas las burbujas*/
#tabla_disponibilidad{
	margin-top:5px;
}