/*
cnaucler default theme
=========================================================
Valores más relevantes en los archivos css de este tema:

- fondo marco principal:							FFFFFF
- encabezados y pies externos de formularios:		CDD2D6 (azul oscuro)
- color de texto por defecto:						333333 (gris oscuro)
- color de texto sobre fondo medio/oscuro:			FFFFFF
- Fondo paneles y barras secundarios 				CDD2D6 (azul claro)
- Fondo encabezados paneles secundarios				316480 (azul medio)
- Bordes exteriores tablas y paneles				999999 (gris claro)
- Fondo fila normal									FFFFFF
- Fondo fila alterna								f3f3f3 (gris extraclaro)
- Altura de las barras:								Entre 20 y 22 pixels
- Fondo resaltado									FFE864 (amarillo claro)

Revisar sobre todo los estilos para los contenedores

*/
/* Estilos para el fondo de las páginas */
.bkg-red{background-color:#F4DFDF !important}
.bkg-blue{background-color:#DFDFF4 !important}
.bkg-yellow{background-color:#F4F3DF !important}
.bkg-green{background-color:#DFF4E2 !important}
.bkg-purple{background-color:#F2DFF4 !important}
.bkg-master-1{background-image:url(fondo001.jpg) !important;}
.bkg-detail-1{background-image:url(fondo002.jpg) !important;}




/* =========================================================  */
/* ESTILOS DE LOS CONTENEDORES                         		  */
/* =========================================================  */
html, body,#outer_table{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
#contenedor_cell{	/* celda donde esta el formulario */
	padding:16px;
	font-size:11px;
	vertical-align:top;
}
body{
	/* La imagen de fondo actual puede ser un poco corta, habrá que escoger otra... */
	background-repeat:no-repeat; /* antes era repeat-y */
	background-position:right top; /* antes era right bottom */
	background-attachment:fixed;
	-moz-background-size:1920px 100%; /* Firefox 3.6 */
	background-size:1920px 100%;
}

/* =========================================================  */
/* ESTILOS DE LA TABLA DEL FORMULARIO                         */
/* =========================================================  */
#tabla{				/* tabla del formulario */
	border:1px solid #999;
	text-align:left;
}
#tabla td{padding:1px 4px 1px 4px;}

thead td{
	/*color:#FFFFFF;*/
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
	background-color:#213C4F;
	padding-left:10px !important;
	border-top:none !important; border-left:none !important; border-right:none !important;
}
.innertbody{
	padding:0 !important;
	border:none !important;
}
.innertbody td{
	padding:3px !important;
}
tfoot td{
	color:#FFFFFF;
	background-color:#213C4F;
	font-weight:normal;
	height:20px;
	padding-left:10px;
	border-bottom:none !important; border-left:none !important; border-right:none !important;
}

/* ESTILOS PARA LAS FILAS Y CELDAS DE LA TABLA DEL FORMULARIO */
/*.row td,.row2 td,.row_ko td{padding:2px;}*/
.row1{background-color:#FFF;}
.row2{background-color:#FFF;}
.tablaformulario tbody td{padding:5px; border-bottom:1px solid #EEE;}
.tablaformulario tbody td table td{padding:0 !important}
/*.tablaformulario tbody tr.row2{background-color:#FFF !important;}*/
.row_ko{background-color:#FFCC00;}
.cell_special{background-color:#FFCC00;}
/*.group_open{background-color: #EEECDD; border-bottom: 1px solid #999999; cursor:pointer; height:22px;}
.group_closed{background-color: #FFEC8B; border-bottom: 1px solid #999999; cursor:pointer; height:22px;}*/

/* ESTILOS PARA LA BARRA DE SECCIONES */
.links_secciones{border-bottom:1px solid #999999;background-color:#CDD2D6;color:#333333;}
.links_secciones a{color:#333333;}

/* ESTILOS PARA LA FILA DE MENSAJE (justo por debajo de la barra de título) */
.fila_mensajes{
	border-bottom:1px solid #999999;
	background-color:#CDD2D6;
	color:#333333;
	font-weight:normal;
	text-shadow:none !important;
	padding:4px !important;
}
.fila_mensajes a{color:#333333;}
/* ESTILOS PARA EL ÁREA DE NOTIFICACIÓN DE VALIDACIÓN (justo por enciam de la barra de botones) */
.validacion{
	border-top:1px solid #999999;
	background-color:#FFE864;
	color:#660000;
	font-weight:normal;
}
.validacion a{color:#333333;}
/* =========================================================  */



/* =========================================================  */
/* ESTILOS DE LA BARRA DE TITULO DE LA SECCION     			  */
/* =========================================================  */
.pageBar{
	position:relative;
	height:22px;
	background-image:url(fondo_barra_sup.gif);
}
.pageBar h1{
	font-size:12px;
	margin:0 10px 0 10px;
	line-height:22px;
	color:#333333;
	font-weight:bold;
}




/* =========================================================  */
/* ESTILOS DE LOS CONTROLES DEL FORMULARIO        			  */
/* =========================================================  */

/* propiedades comunes a varios campos */
.txt_complete,.txt_large,.txt_default,.txt_short,.txt_xshort,.select_default,.select_large,.select_short,.ta_complete,.ta_default,.edit_default,.but_default,.but_medium,.but_short,.file_default{
	border:1px solid #CECECE;
	color:#333333;
	background-color:#EEEEEE;
	font-size:11px !important;
}
.disabled{opacity:0.4;}

/* campos de texto */
.txt_complete{width:98%;}
.txt_large{width:70%;}
.txt_default{width:120px;}
.txt_short{width:50px;}
.txt_xshort{width:25px;}


/* checkboxes y botones de radio */
.ch_default{}
.radio_default{}

.select_default{width:auto !important;}
.select_large{width:98%;}
.select_short{width:50px;}

/* areas de texto */
.ta_complete{
	border:1px solid #666;
	color:#333333;
	background-color:#EEEEEE;
	font-size:11px;
	width:98%;
}
.ta_default{
	border:1px solid #666;
	color:#333333;
	background-color:#EEEEEE;
	font-size:11px;
	width:70%;
}
.codeeditor{
	font-family:"Courier New", Courier, monospace !important;
}

/* editor de texto */
.edit_default{
	border:1px solid #666;
	width:100%;
}

/* botones */
.but_default,.but_medium,.but_short{
	background-color:FFE864;
	border:1px solid #666;
	color:#333333;
	font-size:12px !important;
	background-image:url(fondo_barra_sup.gif);
}
.but_medium{
	width:80px;
}
.but_short{
	width:50px;
}
.but_special{
	background-color:FFE864;
}

/* calendario */
.datepicker{
	background-image: url("cal.gif");
	background-position: 77px center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

/* campo de archivo */ 
.file_default{
	background-color:FFE864;
	border:1px solid #666;
	color:#333333;
	font-size:11px;
}
.ui-datepicker-trigger{vertical-align:text-bottom !important; line-height:11px; margin-left:2px;}

/*
Clases para el control editablemenu. Este control está vinculado a jQuery UI, por lo que habrá que sobreescribir algunas clases
*/
.ui-autocomplete-loading { background: white url('ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;	/* prevent horizontal scrollbar */
	padding-right: 20px; /* add padding to account for vertical scrollbar */
}
.ui-autocomplete-button{
	font-size:11px !important;	
	height:20px !important;
}

/* jQuery Combobox */
.ui-combobox {position: relative; display: inline-block;}
.ui-combobox-toggle {
	position: absolute !important; top: 0 !important; bottom: 0 !important; margin-left: -1px; padding: 0 !important;
	/* adjust styles for IE 6/7 */
	*height: 1.7em; *top: 0.1em;
}
.ui-combobox-input {margin: 0; padding: 0.3em;}
.select_editable{display:none !important}

/* Controles Google Maps */
.mapa{position:relative; margin:0}
.mapa .map_canvas{position:absolute; z-index:1; border:1px solid #666;}
.mapa .map_shadow{position:absolute; background:transparent !important; border:1px solid #666;}
.mapa .map_crosshair{position:absolute; z-index:2; background: url(map_marker.png) no-repeat; width:20px; height:34px;}
.mapa .map_area{position:absolute; z-index:2; background: url(map_area.png) no-repeat; width:32px; height:32px;}
.mapa .map_controls{position:absolute;}
.mapa .txt_default{border:1px solid #999; width:100px;}
.mapa .txt_short{border:1px solid #999; width:50px;}
.mapa .button{border:1px solid #999; width:80px; background-color:#9CF}
.mapa .btn_ok{width:20px; height:20px; background: url(map_button_ok.png) no-repeat; border:1px solid #999;}
.mapa .btn_warning{width:20px; height:20px; background: url(map_button_warning.png) no-repeat; border:1px solid #999;}
.mapa .btn_reset{width:20px; height:20px; background: url(map_button_reset.png) no-repeat; border:1px solid #999;}
.mapa .btn_spot{width:20px; height:20px; background: url(map_button_spot.png) no-repeat; border:1px solid #999;}
.mapa .btn_area{width:20px; height:20px; background: url(map_button_area.png) no-repeat; border:1px solid #999;}

/* =========================================================  */
/* ESTILOS PARA LAS PESTAÑAS DE CONTROLES MULTIIDIOMA		  */
/* =========================================================  */
.btn_lang{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.noradius-tl{
	border-top-left-radius: 0 !important;
}
.btn_lang .ui-button-text{
	font-size: .8em !important;
	padding: 4px 6px !important;
}
