/**
 * @package	i-datum
 * Proyecto	: Plataforma de Software Web i-datum
 * Archivo : tabla.css
 *
 * @link http://www.siigsa.cl
 * @copyright ©SIIGSA - Registro Propiedad Intelectual Nº 172.560 - Derechos Reservados
 * @author Gonzalo A. Arenas Flores <garenas@siigsa.cl>
 * @since  12-05-2014
 * @version 1.2.0
 * 
 * Archivo de configuración de estilos del sistema para la versión 2014
 * - TABLAS
 */

/* 
	EXPLOTACIÓN 
*/
/* Generales */
div.tabla1 {
  border:1px solid #bbbbbb;/*Nuevo*/
	background-color: #fff;
  border-radius:8px;
  
}

div.tabla1 .ui-controlgroup-controls {width: 100%}

div.tabla1 div {
  background-color:#f6f6f6;
  border-bottom:1px solid #bbbbbb;

}

div.tabla1 div * {
	display: inline-block;
}

div.tabla1 div.subdiv {
  min-height: 45px;
  border-radius: 8px 8px 0px 0px;
}

div.tabla1 div.subdiv label {
  float: left;
  margin-top: 2%;  
}

div.tabla1 div.subdiv div#atr_arc_menu {
  float: right;
}

div.tabla1 div label {
	font-weight: bold;
	margin: 2px 10px;
}

div.tabla1 div ul {
	margin: 2px 20px 2px 0px;
}

div.tabla1 div ul li {
	border: 1px solid #dce6f3;
	border-radius: 5px;
	color: #333;
	cursor: pointer;
	font-weight: 100;
	padding: 5px 8px;
}

div.tabla1 div ul li:HOVER {
	background: -webkit-linear-gradient(#dbedff 50%, #c3d9f5 50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#dbedff 50%, #c3d9f5 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#dbedff 50%, #c3d9f5 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#dbedff 50%, #c3d9f5 50%); /* Standard syntax */
	border: 1px solid #88abc7;
}

div.tabla1 div ul li:ACTIVE {
	background: -webkit-linear-gradient(#c3d3e7 40%, #eee 10%, #a7cdf6 50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c3d3e7 40%, #eee 10%, #a7cdf6 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c3d3e7 40%, #eee 10%, #a7cdf6 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c3d3e7 40%, #eee 10%, #a7cdf6 50%); /* Standard syntax */
	border: 1px solid #88abc7;
}

div.tabla1 div img.cargando {
	display: none;
	float: right;
	margin: 7px 10px 0px 10px;
}

div.tabla1 div.agregar, div.tabla1 div.info {
	background:#ffffff;
	border:1px solid gray;
	box-shadow: 3px 3px 5px #777;
	display:none;
	height:100px;
	padding: 20px;
	position:absolute;
	width:340px;
	z-index:1000;
}

div.tabla1 div.agregar input[type=button], div.tabla1 div.agregar input[type=submit] {
	width: 140px;
}

div.tabla1 div.agregar iframe {
	display: none;
	height: 100px;
	overflow: auto;
	widht: 100%;
}

div.tabla1 div.info {
	overflow: auto;
	width: 200px;
}

div.tabla1 div.info ul {
	margin: 0px;
}

div.tabla1 div.info ul li {
	border: 0px solid;
	border-radius: 0px;
	cursor: initial;
	font-weight: 100;
	padding: 0px;
	vertical-aling: top;
}

div.tabla1 table {
/*	border-bottom: 1px solid #99bce8;
	border-left: 1px solid #99bce8;
	border-right: 1px solid #99bce8;*/
	border-spacing: 0;
	width: 100%;
}

div.tabla1 table thead {
	background: -webkit-linear-gradient(#f7f7f7, #e7e8ea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f7f7f7, #e7e8ea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f7f7f7, #e7e8ea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f7f7f7, #e7e8ea); /* Standard syntax */
}

div.tabla1 table thead th {
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	font-weight: 100;
	padding: 3px 10px;
}

div.tabla1 table thead th.tipo, 
div.tabla1 table thead th.id, 
div.tabla1 table thead th.orden {
	width: 1%;
}

div.tabla1 table thead th.peso,
div.tabla1 table thead th.fecha {
	width: 15%;
}

div.tabla1 table tbody tr:HOVER {
	background-color: #ddd;
}

div.tabla1 table tbody tr.activo {
	background-color: #d8e0f0;
}

div.tabla1 table tbody tr td {
	border-top: 1px solid #ddd;
  border-top-style: dotted;
	padding: 1px 8px;
}

div.tabla1 table tbody tr td.nombre label {
	cursor:pointer
}

/* Editar Ficha */
div.tabla1 table tbody tr td input[type=text].inactivo {
	background-color: transparent;
	border: 0px solid;
}

div.tabla1 table tfoot {
  text-align: center;
}